.auth-body { min-height: 100vh; min-height: 100svh; }
.auth-layout { min-height: 100vh; display: grid; }
.auth-brand-panel { display: flex; flex-direction: column; justify-content: space-between; padding: 36px var(--page-gutter); background: linear-gradient(145deg, #145a90, #449dca); color: white; }
.brand-light { color: white; }
.brand-light span { color: white; font-size: inherit; }
.brand-light img { background: white; border-radius: 10px; padding: 5px; }
.auth-pitch { margin: 60px 0 35px; }
.auth-pitch h1 { font-size: clamp(2.8rem, 6vw, 5.5rem); max-width: 620px; }
.auth-pitch p:last-child { max-width: 480px; color: #e0f3ff; }
.auth-footnote { color: #e0f3ff; font-size: .8rem; margin: 0; }
.auth-form-panel { display: grid; place-items: center; padding: 38px var(--page-gutter); }
.auth-card { width: min(440px, 100%); }
.auth-back { color: var(--deep); font-size: .85rem; }
@media (min-width: 900px) { .auth-layout { grid-template-columns: 1fr 1fr; } .auth-brand-panel { min-height: 100vh; padding: 45px; padding-left: max(var(--page-gutter), calc((100vw - var(--page-content-width)) / 2)); } .auth-form-panel { padding: 50px; padding-right: max(var(--page-gutter), calc((100vw - var(--page-content-width)) / 2)); } }
@media (max-width: 680px) { .auth-brand-panel { min-height: 0; } .auth-pitch { margin: 28px 0 0; } .auth-pitch h1 { font-size: 2.5rem; } .auth-footnote { display: none; } }
.auth-brand-panel { position: relative; isolation: isolate; overflow: hidden; background: #145f8c; }
.auth-brand-panel::before { content: ''; position: absolute; inset: 0; z-index: -1; background: linear-gradient(145deg, #145f8c00, #145f8c 65%), repeating-conic-gradient(from 90deg, #78e7fa24 0% 25%, transparent 0% 50%); background-size: auto, 80px 80px; }
.brand-light, .brand-light .brand-mark { color: #fff; }
.auth-pitch h1 em { color: #a4eeff; }
@media (max-width: 680px) { .auth-brand-panel::before { background-size: auto, 48px 48px; } }