.auth-layout { min-height: 100vh; display: grid; grid-template-columns: 1fr 1fr; }
.auth-promo { display: flex; flex-direction: column; justify-content: space-between; padding: 64px; background: radial-gradient(circle at 25% 35%, #234f9a40, transparent 45%), linear-gradient(145deg, #111e34, #0b1220); border-right: 1px solid var(--border); }
.auth-promo h1 { font-size: clamp(34px, 4vw, 56px); line-height: 1.1; letter-spacing: -1.5px; max-width: 600px; }
.auth-promo p { color: var(--muted); line-height: 1.7; max-width: 480px; }
.auth-content { display: flex; align-items: center; justify-content: center; padding: 32px; }
.auth-container { width: 100%; max-width: 420px; }
.auth-container h2 { font-size: 30px; margin-bottom: 8px; }
.auth-footer { color: #64748b; font-size: 13px; }
@media (max-width: 850px) { .auth-layout { grid-template-columns: 1fr; } .auth-promo { display: none; } }