.login-page{grid-template-columns:minmax(0,430px);justify-content:center;align-items:center;min-height:70vh;padding-block:55px;display:grid}.login-card{background:var(--surface);border:1px solid var(--line);padding:35px}.login-card>.brandmark{width:50px;height:50px;margin-bottom:18px}.login-card h1{letter-spacing:-.5px;font-size:25px;line-height:1.6}.login-card>p{color:var(--muted);margin-top:10px;font-size:11px;line-height:2}.login-test-note{color:var(--brown);background:#eef3e9;margin-block:20px;padding:13px;font-size:10px}.login-test-note strong,.login-test-note span{display:block}.login-test-note b{letter-spacing:3px;font-size:15px}.login-card form label{margin-bottom:8px;font-size:11px;display:block}.login-card input{font:inherit;border:1px solid var(--line);background:var(--bg);width:100%;color:var(--ink);border-radius:3px;padding:12px 15px;font-size:17px}.login-card input#otp{letter-spacing:8px;text-align:center}.login-card form>.button{justify-content:center;gap:25px;width:100%;margin-top:20px}.login-card button:disabled{opacity:.5;transform:none}.login-card p.login-error{color:#953d37;margin-top:12px;font-size:11px}.login-secondary{justify-content:space-between;gap:15px;margin-top:18px;display:flex}.login-secondary button{color:var(--brown);background:0 0;border:0;padding:3px;font-size:10px}.login-card p.login-footnote{border-top:1px solid var(--line);margin-top:22px;padding-top:16px;font-size:9px}.session-actions{color:var(--muted);justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;font-size:10px;display:flex}.session-actions button{font:inherit;border:1px solid var(--line);background:var(--surface);color:var(--brown);cursor:pointer;padding:5px 12px}@media (max-width:760px){.login-page{padding-block:30px}.login-card{padding:25px}}.login-modes{background:var(--bg);border:1px solid var(--line);border-radius:8px;gap:4px;margin-bottom:24px;padding:4px;display:flex}.login-modes button{color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:5px;flex:1;padding:10px;font-size:12px}.login-modes button[aria-pressed=true]{background:var(--surface);color:var(--brown);box-shadow:0 1px 4px #624e3e12}.login-name-fields{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:18px;display:grid}.login-name-fields>div{min-width:0}.login-name-fields input{font-size:14px}.login-switch,.login-mode-prompt button{font:inherit;color:var(--brown);text-underline-offset:5px;cursor:pointer;background:0 0;border:0;text-decoration:underline}.login-switch{margin-top:10px;font-size:11px}.login-card p.login-mode-prompt{text-align:center;margin-top:22px;font-size:11px}.login-card button:focus-visible{outline:2px solid var(--bronze);outline-offset:3px}@media (max-width:380px){.login-name-fields{grid-template-columns:1fr}}