.auth-page{margin:0;background:var(--paper);color:var(--ink)}.auth-page .auth-main{display:flex;align-items:center;justify-content:center;min-height:100svh;max-width:none;padding:32px 20px;width:100%;margin:0}.auth-shell{width:100%;max-width:420px}.auth-brand{display:flex;justify-content:center;margin-bottom:28px}.auth-brand img{width:158px;height:auto;max-height:74px;object-fit:contain}.auth-logo-dark{display:none}.auth-card{padding:28px;background:var(--surface);border:1px solid var(--line);border-radius:18px;box-shadow:0 12px 40px #0f1b2a08}.auth-heading{margin-bottom:24px}.auth-heading h1{font-size:27px;line-height:1.2;letter-spacing:-.035em;margin:0 0 8px}.auth-heading p{font-size:14px;line-height:1.5;color:var(--muted);margin:0}.auth-field{margin-bottom:18px}.auth-field label{color:var(--ink);font-size:13px;margin-bottom:8px}.auth-field input{font-size:16px;min-height:52px;border-radius:8px;padding:12px 14px}.auth-password{position:relative}.auth-password input{padding-right:56px}.password-toggle{position:absolute;right:4px;top:4px;display:flex;align-items:center;justify-content:center;width:44px;height:44px;border:0;border-radius:6px;background:transparent;color:var(--muted)}.password-toggle:hover{background:var(--soft)}.password-toggle[hidden]{display:none}.password-toggle[aria-pressed=true]{color:var(--blue);background:var(--soft)}.auth-page .auth-submit{min-height:52px;border-radius:8px;background:#46769e;color:#fff;font-size:16px;gap:12px;margin-top:2px}.auth-page .auth-submit:hover{background:#365a78}.auth-help{font-size:12px;line-height:1.6;color:var(--muted);margin:22px 0 0;padding-top:18px;border-top:1px solid var(--line)}.auth-caption{text-align:center;color:var(--muted);font-size:11px;margin:20px 0 0}.auth-error{background:#b6423214;border:1px solid #b6423266;color:var(--ink);padding:12px;border-radius:8px;margin-bottom:18px;font-size:13px;line-height:1.5}.auth-error ul,.auth-field .errorlist{padding:0;list-style:none;margin:0}.auth-field .errorlist{color:var(--ink);font-size:13px;margin-top:8px}.auth-page :focus-visible{outline:2px solid var(--blue);outline-offset:3px}
[data-theme=dark] .auth-logo-light{display:none}[data-theme=dark] .auth-logo-dark{display:block}
@media(prefers-color-scheme:dark){html:not([data-theme]) .auth-logo-light{display:none}html:not([data-theme]) .auth-logo-dark{display:block}}
@media(max-width:600px){.auth-page .auth-main{align-items:flex-start;padding:calc(28px + env(safe-area-inset-top)) 20px calc(20px + env(safe-area-inset-bottom))}.auth-brand{margin-bottom:24px}.auth-brand img{width:140px;max-height:66px}.auth-card{padding:24px 20px;border-radius:14px}.auth-heading{margin-bottom:22px}.auth-caption{margin-top:18px}}
@media(max-height:600px){.auth-page .auth-main{align-items:flex-start;padding-top:16px}.auth-brand{margin-bottom:16px}.auth-brand img{width:112px;max-height:53px}.auth-card{padding:20px}.auth-help{margin-top:16px;padding-top:14px}}
.auth-page .auth-main{background:radial-gradient(ellipse at top left,color-mix(in srgb,var(--blue) 9%,transparent),transparent 55%),var(--paper)}.auth-shell{max-width:400px}.auth-brand{justify-content:flex-start;margin-bottom:24px}.auth-brand img{width:138px}.auth-card{border-radius:20px;padding:28px;box-shadow:0 20px 70px #10182809;border-color:var(--line)}.auth-heading h1{font-size:28px;letter-spacing:-.04em}.auth-page .auth-submit{background:#365fd5;border-radius:10px}.auth-page .auth-submit:hover{background:#284cba}.auth-field input{background:var(--surface)!important;color:var(--ink)!important;border-color:var(--line)!important;border-radius:10px}.auth-help{font-size:12px}.auth-caption{text-align:left;padding-left:2px}
@media(max-width:600px){.auth-page .auth-main{padding-top:calc(36px + env(safe-area-inset-top))}.auth-card{padding:24px 20px}.auth-brand img{width:128px}}
