:root{--ink:#171711;--paper:#eee7d6;--red:#a6382c;--muted:#6d685c;--line:rgba(23,23,17,.22)}
*{box-sizing:border-box}
body{margin:0;min-height:100vh;background:var(--paper);color:var(--ink);font-family:Georgia,"Times New Roman",serif}
.auth-shell{min-height:100vh;display:grid;grid-template-columns:1fr minmax(360px,560px);background:radial-gradient(circle at 20% 12%,rgba(166,56,44,.14),transparent 32%)}
.auth-story{padding:clamp(40px,7vw,100px);display:flex;flex-direction:column;justify-content:space-between;border-right:1px solid var(--line)}
.wordmark{color:inherit;font:900 25px/1 Arial,sans-serif;letter-spacing:.12em;text-decoration:none}
.wordmark span{color:var(--red)}
.auth-story h1{font-size:clamp(48px,7vw,92px);line-height:.9;letter-spacing:-.055em;margin:60px 0 25px;max-width:760px}
.auth-story p{font-size:20px;line-height:1.5;max-width:620px}
.auth-panel{padding:clamp(34px,6vw,80px);display:flex;flex-direction:column;justify-content:center}
.language-link{align-self:flex-end;color:inherit;font:700 11px/1 Arial,sans-serif;letter-spacing:.12em;text-decoration:none}
.auth-panel h2{font-size:38px;margin:35px 0 10px}
.auth-panel>.intro{color:var(--muted);line-height:1.5;margin:0 0 28px}
.google-button{display:flex;justify-content:center;align-items:center;gap:12px;background:var(--ink);color:white;padding:15px;text-decoration:none;font:800 12px/1 Arial,sans-serif;letter-spacing:.08em}
.recommended{display:block;color:var(--red);font:800 10px/1 Arial,sans-serif;letter-spacing:.13em;margin-bottom:9px}
.divider{display:flex;align-items:center;gap:12px;color:var(--muted);font:11px/1 Arial,sans-serif;margin:26px 0}
.divider:before,.divider:after{content:"";height:1px;background:var(--line);flex:1}
.tabs{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid var(--line);margin-bottom:22px}
.tabs button{border:0;background:none;padding:12px;color:var(--muted);font:800 11px/1 Arial,sans-serif;letter-spacing:.08em;cursor:pointer}
.tabs button[aria-selected=true]{color:var(--ink);border-bottom:2px solid var(--red)}
.auth-form{display:grid;gap:15px}
.auth-form[hidden]{display:none}
.auth-form label{display:grid;gap:7px;font:700 11px/1 Arial,sans-serif;letter-spacing:.06em}
.auth-form input{width:100%;border:1px solid var(--line);background:rgba(255,255,255,.35);padding:13px;font:16px/1.2 Arial,sans-serif}
.auth-form button{border:0;background:var(--red);color:white;padding:14px;font:800 11px/1 Arial,sans-serif;letter-spacing:.09em;cursor:pointer}
.auth-form .forgot-password{background:none;color:var(--ink);padding:2px;text-decoration:underline;text-underline-offset:3px}
.form-note,.form-message{font:13px/1.45 Arial,sans-serif;color:var(--muted)}
.form-message{min-height:19px;margin:0}
.form-message.error{color:#8e241c}
@media(max-width:820px){.auth-shell{grid-template-columns:1fr}
.auth-story{min-height:330px;border-right:0;border-bottom:1px solid var(--line)}
.auth-story h1{margin-top:70px}
.auth-panel{padding-top:35px}
}