.login-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--surface);padding:16px}.login-card{background:#fff;border:1px solid var(--border);border-radius:8px;padding:48px 40px;width:100%;max-width:400px;text-align:center}.login-logo{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:8px}.login-logo svg{flex-shrink:0}.login-title{font-size:22px;font-weight:500;color:var(--text)}.login-sub{font-size:14px;color:var(--text-dim);margin:8px 0 28px}.login-form{display:flex;flex-direction:column;gap:16px;text-align:left}.login-input{width:100%;padding:12px 14px;border:1px solid var(--border);border-radius:4px;font-size:15px;outline:none}.login-input:focus{border-color:var(--blue);box-shadow:0 0 0 1px var(--blue)}.login-error{color:var(--red);font-size:13px;margin-top:-8px}.login-button{background:var(--blue);color:#fff;border:none;border-radius:4px;padding:12px;font-size:15px;font-weight:500}.login-button:hover:not(:disabled){background:var(--blue-dark)}.login-button:disabled{opacity:.7;cursor:default}@media (max-width:420px){.login-card{padding:32px 20px;border:none;background:transparent}}