.auth-page{min-height:100svh;display:grid;grid-template-columns:1fr 1fr;background:var(--surface);color:var(--ink);font-family:var(--font-body),sans-serif}.auth-story{padding:48px clamp(28px,5vw,80px);display:flex;flex-direction:column;justify-content:space-between;gap:60px;background:radial-gradient(ellipse at 10% 80%,var(--accent-soft),transparent 65%),var(--surface)}.auth-brand{display:flex;gap:12px;align-items:center;font-size:26px;font-weight:800}.auth-eyebrow{font-size:11px;letter-spacing:1.8px;color:var(--accent);font-weight:700}.auth-story h2{font-size:clamp(32px,3.8vw,58px);line-height:1.12;letter-spacing:-2px;margin:20px 0;font-weight:750}.auth-story p:not(.auth-eyebrow){color:var(--ink-muted);line-height:1.7;max-width:430px}.auth-preview{background:color-mix(in srgb,var(--surface) 72.2%,transparent);padding:25px;border:1px solid white;border-radius:20px;margin-top:35px;box-shadow:0 20px 50px color-mix(in srgb,var(--brand-secondary) 6.3%,transparent)}.auth-preview>span{color:var(--accent);font-weight:700}.auth-preview p{background:var(--accent-soft);padding:14px;border-radius:12px;margin:16px 0}.auth-story small{color:var(--ink-muted);font-size:12px}.auth-content{padding:40px clamp(24px,5vw,80px);display:flex;flex-direction:column}.auth-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.auth-page .theme-switch{border-color:var(--line);background:var(--surface)}.auth-page .theme-switch button{color:var(--ink-muted)}.auth-page .theme-switch button.is-active{background:var(--accent-soft);color:var(--accent)}.auth-back{font-size:13px;color:var(--ink-muted)}.auth-card{width:100%;max-width:400px;margin:auto;padding:50px 0}.auth-card h1{font-size:32px;line-height:1.2;font-weight:750;letter-spacing:-1px}.auth-card>p{color:var(--ink-muted);font-size:14px;line-height:1.65;margin-top:12px}.auth-card form{margin-top:0}.auth-oauth{margin-top:28px;display:grid;gap:10px}.auth-apple,.auth-google{width:100%;display:flex;align-items:center;justify-content:center;gap:12px;border-radius:10px;padding:14px 16px;font-size:15px;font-weight:600}.auth-google{border:1px solid var(--line);background:var(--surface);color:var(--ink)}.auth-google:hover{background:var(--surface);border-color:var(--line)}.auth-apple{border:1px solid #111;background:#111;color:#fff}.auth-apple:hover{background:#000}.auth-apple:disabled,.auth-google:disabled{opacity:.65}.auth-divider{display:flex;align-items:center;gap:14px;margin:22px 0;color:var(--ink-muted);font-size:12px}.auth-divider:after,.auth-divider:before{content:"";flex:1;height:1px;background:var(--paper)}.auth-divider span{white-space:nowrap}.auth-card fieldset{border:0;padding:0;display:grid;gap:20px;min-width:0}.auth-card label{display:grid;gap:9px;font-size:13px;font-weight:600}.auth-card input{width:100%;min-width:0;border:1px solid var(--line);border-radius:10px;background:var(--surface);padding:14px;color:var(--ink);font-size:15px;outline:none}.auth-card input:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--brand-secondary) 7.1%,transparent)}.auth-password{position:relative}.auth-password input{padding-right:65px}.auth-password button{position:absolute;right:14px;top:15px;color:var(--ink-muted);font-size:12px}.auth-text-button{justify-self:end;color:var(--accent);font-size:13px;margin-top:-8px}.auth-submit{background:var(--primary);color:var(--on-primary);border-radius:10px;padding:15px;font-weight:650;box-shadow:0 5px 15px color-mix(in srgb,var(--brand-secondary) 12.5%,transparent)}.auth-card fieldset:disabled{opacity:.65}.auth-toggle{display:block;margin:24px auto;color:var(--accent);font-size:14px}.auth-error,.auth-success{font-size:13px;line-height:1.5;padding:12px;border-radius:10px}.auth-error{background:#fff0f2;color:#a72c45}.auth-success{background:#eafaf2;color:#237450}.auth-page button{cursor:pointer}.auth-page a:focus-visible,.auth-page button:focus-visible{outline:3px solid var(--accent);outline-offset:4px}html[data-resolved=dark] .auth-page{background:var(--paper);color:var(--ink)}html[data-resolved=dark] .auth-story{background:radial-gradient(ellipse at 10% 80%,var(--hover),transparent 65%),var(--surface)}html[data-resolved=dark] .auth-back,html[data-resolved=dark] .auth-card>p,html[data-resolved=dark] .auth-divider,html[data-resolved=dark] .auth-story p:not(.auth-eyebrow),html[data-resolved=dark] .auth-story small{color:var(--ink-muted)}html[data-resolved=dark] .auth-preview{background:var(--surface);border-color:var(--line);box-shadow:none}html[data-resolved=dark] .auth-preview p{background:var(--hover);color:var(--ink)}html[data-resolved=dark] .auth-card input,html[data-resolved=dark] .auth-google{background:var(--surface);border-color:var(--line);color:var(--ink)}html[data-resolved=dark] .auth-google:hover{background:var(--surface);border-color:var(--line)}html[data-resolved=dark] .auth-apple{border-color:var(--ink);background:var(--ink);color:#111}html[data-resolved=dark] .auth-apple:hover{background:#fff}html[data-resolved=dark] .auth-divider:after,html[data-resolved=dark] .auth-divider:before{background:var(--hover)}html[data-resolved=dark] .auth-page .theme-switch{border-color:var(--line);background:var(--surface)}html[data-resolved=dark] .auth-page .theme-switch button{color:var(--ink-muted)}html[data-resolved=dark] .auth-page .theme-switch button.is-active{background:var(--accent-soft);color:var(--accent)}@media (max-width:760px){.auth-page{grid-template-columns:1fr}.auth-story{padding:20px 24px;gap:0}.auth-story>div,.auth-story>small{display:none}.auth-brand{font-size:22px}.auth-content{padding:24px;min-height:calc(100svh - 85px)}.auth-card{padding:35px 0}.auth-card h1{font-size:29px}}.auth-story .auth-preview p{color:var(--ink)}