.login{min-height:100dvh;display:grid;place-items:center;padding:24px}.login-card{width:100%;max-width:360px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:28px 24px}.login-card h1{margin:0 0 10px;font-size:22px}.login-card h1 img{height:34px;width:auto;display:block}.login-card p{margin:0 0 20px}.login-form{display:grid;grid-gap:12px;gap:12px}.login-form input{height:var(--tap);padding:0 14px;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);letter-spacing:.2em;font-size:20px}.login-form input:focus{outline:2px solid var(--accent);outline-offset:-1px}.login-form button{height:var(--tap);border:0;border-radius:var(--radius);background:var(--accent);color:#05261b;font-weight:600}.login-form button:disabled{opacity:.5}.login-error{color:var(--danger);margin:0;font-size:14px}.passkey{margin-top:14px;display:grid;grid-gap:8px;gap:8px}.passkey-btn{height:var(--tap);border-radius:var(--radius);border:1px solid var(--border);background:var(--surface-2);color:var(--text);font-weight:600}.passkey-btn:disabled{opacity:.5}.login-hint{margin:0;font-size:13px;color:var(--text-muted)}