body.auth-page { display:block; min-height:100dvh; padding:0; background:var(--bg); }
.auth-header { display:flex; align-items:center; justify-content:space-between; padding:25px 40px; max-width:1260px; margin:auto; }
.auth-header .brand { padding:0; }
.auth-header>div { display:flex; gap:8px; }
.auth-layout { max-width:1180px; margin:15px auto 30px; display:grid; grid-template-columns:1fr 1fr; min-height:650px; gap:40px; padding:0 25px; }
.auth-story { position:relative; border-radius:90px 16px 16px 16px; overflow:hidden; background:var(--photo-scrim); color:var(--photo-ink); }
.auth-story>img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
.auth-story:after { content:""; position:absolute; inset:0; background:linear-gradient(180deg,#080e1820,transparent 10%,#080e18ee); }
.auth-story-copy { position:absolute; bottom:45px; left:35px; right:35px; z-index:1; }
.auth-story .eyebrow { color:var(--photo-ink); font-size:9px; opacity:.8; }
.auth-story h2 { font-size:63px; font-weight:500; letter-spacing:-.06em; line-height:1.05; margin:19px 0 24px; }
.auth-story h2 em { color:#fdb515; font-family:Georgia,serif; font-weight:400; }
.auth-story p { font-size:13px; line-height:1.9; color:#d2dae5; }
.auth-story-line { display:block; font-size:8px; letter-spacing:.14em; opacity:.6; margin-top:45px; }
.auth-form-area { display:grid; place-items:center; padding:20px; }
.auth-page .auth { width:min(400px,100%); border:0; background:transparent; padding:10px 0; }
.auth-page .auth>.brand { display:none; }
.auth-page .auth h1 { font-size:34px; font-weight:500; letter-spacing:-.05em; margin-bottom:10px; }
.auth-page .auth p.sub { font-size:13px; line-height:1.8; margin-bottom:30px; }
.auth-page .auth label { font-size:12px; margin-bottom:19px; }
.auth-page .auth input,.auth-page .auth select { min-height:46px; border-radius:9px; background:var(--card); padding:12px; font-size:14px; }
.auth-page .auth .btn { min-height:45px; font-size:13px; }
.auth-page .auth .foot,.auth-page .auth .note { color:var(--muted); font-size:11.5px; line-height:1.9; margin-top:20px; }
.auth-page .auth .err { font-size:12px; line-height:1.7; min-height:20px; }
.auth-footer { display:flex; justify-content:space-between; gap:20px; max-width:1180px; margin:20px auto; padding:0 25px; color:var(--muted); font-size:11.5px; line-height:1.7; }
.auth-footer a { text-decoration:none; color:var(--accent-text); white-space:nowrap; }
@media(max-width:850px){ .auth-layout{gap:10px;min-height:600px}.auth-story h2{font-size:48px}.auth-story-copy{left:25px;right:25px}.auth-form-area{padding:20px}.auth-page .auth h1{font-size:29px} }
@media(max-width:600px){ .auth-header{padding:20px 23px}.auth-layout{grid-template-columns:1fr;min-height:0;padding:0 23px;margin:30px auto 45px}.auth-story{display:none}.auth-form-area{padding:15px 4px}.auth-page .auth{max-width:380px}.auth-page .auth h1{font-size:34px}.auth-footer{display:grid;gap:18px;padding:0 27px;font-size:11.5px}.auth-page .auth .two{grid-template-columns:1fr}.auth-page .auth .foot{font-size:12px} }
.auth-page .auth-header,.auth-page .auth-layout,.auth-page .auth-footer { width:100%; }