.login-page{display:grid;flex:1;place-items:center;min-height:100svh;padding:24px 16px max(24px,env(safe-area-inset-bottom));background:var(--paper)}.login-content{width:min(100%,420px)}.login-brand{margin:0 0 16px 4px;color:var(--ink-soft);font:500 15px/20px var(--font-sans)}.login-panel{padding:24px;border-radius:14px;background:var(--surface)}.login-panel h1{color:var(--ink);font:700 28px/34px var(--font-sans);letter-spacing:-.025em}.login-panel>p{margin-top:8px;color:var(--ink-soft);font:400 14px/20px var(--font-sans)}.login-form{display:grid;gap:20px;margin-top:26px}.login-field{display:grid;gap:8px}.login-field label{color:var(--ink-soft);font:500 13px/18px var(--font-sans)}.login-input{width:100%;min-height:46px;padding:10px 12px;border:1px solid transparent;border-radius:10px;outline:none;background:var(--fill-subtle);color:var(--ink);font:400 16px/22px var(--font-sans)}.login-input:focus-visible{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.login-input[aria-invalid=true]{border-color:var(--signal)}.login-error{color:var(--signal);font:400 13px/18px var(--font-sans)}.login-submit{min-height:46px;border-radius:10px;background:var(--accent-fill);color:#fff;font:600 15px/20px var(--font-sans);cursor:pointer}.login-submit:disabled{cursor:wait;opacity:.6}@media (max-width:480px){.login-page{align-items:center}.login-panel{padding:22px 18px}}