.login-page{place-items:center;min-height:min(32rem,72vh);padding-block:clamp(1rem,5vw,3rem);display:grid}.login-panel{border:1px solid var(--line);background:var(--surface);width:min(100%,410px);box-shadow:0 12px 30px color-mix(in srgb, var(--ink) 6%, transparent);border-radius:14px;padding:clamp(1.25rem,5vw,2.25rem)}.login-panel h1{margin:0 0 22px;font-size:clamp(1.55rem,4vw,1.9rem)}.login-form{gap:15px;display:grid}.login-field{gap:7px;min-width:0;font-size:.875rem;font-weight:700;display:grid}.login-field input{border:1px solid var(--line);background:var(--surface);border-radius:8px;width:100%;min-width:0;min-height:44px;padding:8px 11px;font-size:1rem;font-weight:400}.login-field input:hover,.login-field input:focus-visible{border-color:var(--accent)}.login-password-row{position:relative}.login-password-row input{padding-inline-end:72px}.login-reveal{min-width:60px;color:var(--muted);background:0 0;border:1px solid #0000;border-radius:5px;padding-inline:5px;font-size:.8rem;position:absolute;inset:5px 5px 5px auto}.login-reveal:hover,.login-reveal[aria-pressed=true]{background:var(--subtle);color:var(--ink)}.login-form .login-error{margin:0}.login-submit{min-height:44px;margin-top:2px;font-size:.95rem}