.auth-page{max-width:420px;margin:0 auto;padding:60px 45px}@media (max-width:400px){.auth-page{padding:40px 24px}}.auth-page h1{margin:0 0 8px;font-size:32px}.auth-intro{opacity:.8;margin-top:0;margin-bottom:32px}.auth-form{flex-direction:column;gap:16px;display:flex}.auth-field{flex-direction:column;gap:6px;display:flex}.auth-field label{opacity:.85;font-size:14px}.auth-field input{font:inherit;border-radius:var(--radius-control);border:1px solid var(--line-strong);background:var(--surface-sunken);color:inherit;transition:border-color var(--duration-fast) var(--ease-editorial), background-color var(--duration-fast) var(--ease-editorial);padding:10px 12px}.auth-field input:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring);outline-offset:1px}.auth-hint{opacity:.65;font-size:13px}.auth-field-inline{flex-direction:row;align-items:center;gap:8px}.auth-field-inline label{font-size:inherit;opacity:1}.auth-submit{font:inherit;border-radius:var(--radius-control);border:1px solid var(--color-accent);background:var(--color-accent);color:var(--color-text-inverse);cursor:pointer;transition:background-color var(--duration-fast) var(--ease-editorial), border-color var(--duration-fast) var(--ease-editorial);margin-top:8px;padding:10px 16px}.auth-submit:hover:not(:disabled){background:var(--color-accent-strong);border-color:var(--color-accent-strong)}.auth-submit:disabled{opacity:.6;cursor:default}.google-submit{text-align:center;color:#1f1f1f;background:#fff;border-color:#fff;text-decoration:none;display:block}.google-submit:hover{background:#e8e8e8;border-color:#e8e8e8}.auth-error{color:var(--error);margin:0;font-size:14px}.auth-success{color:var(--success);margin:0;font-size:14px}.auth-links{opacity:.85;margin-top:24px;font-size:14px}.login-page{grid-template-columns:minmax(0,.9fr) minmax(320px,.7fr);align-items:start;gap:clamp(48px,10vw,150px);max-width:1060px;padding-top:clamp(58px,10vw,132px);display:grid}.login-introduction{max-width:510px}.login-introduction .eyebrow{color:var(--gold)}.login-introduction h1{margin:16px 0;font-size:clamp(52px,7vw,86px)}.login-introduction .auth-intro{max-width:31ch;color:var(--muted);margin:0;font-size:17px;line-height:1.75}.login-panel{border-top:1px solid var(--line);padding-top:24px}.login-page .auth-form{gap:20px}.login-page .auth-field{gap:8px}.login-page .auth-field label{color:var(--muted);letter-spacing:.12em;text-transform:uppercase;font-size:11px;font-weight:600}.login-page .auth-field input{border:0;border-bottom:1px solid var(--line);min-height:50px;color:var(--text);transition:border-bottom-color var(--duration-fast) var(--ease-editorial);background:0 0;border-radius:0;padding:12px 0}.login-page .auth-field input:focus{border-bottom-color:var(--gold);outline:0}.login-page .auth-submit{width:100%;margin-top:8px}.login-page .auth-error{color:var(--error)}.login-links{color:var(--muted);flex-wrap:wrap;justify-content:space-between;gap:12px 24px;margin-top:24px;font-size:13px;display:flex}.login-links a{color:var(--text);text-underline-offset:4px}.login-links>a{color:var(--gold)}.login-links p{margin:0}@media (max-width:720px){.login-page{grid-template-columns:1fr;gap:42px;padding-top:42px}.login-introduction h1{font-size:clamp(50px,16vw,70px)}.login-panel{padding-top:20px}}