body { min-height: 100vh; background: #e8f0f3; }
.auth-shell { min-height: 100vh; display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(360px, .85fr); }
.auth-intro-panel { background: #164e63; color: #ffffff; padding: clamp(2.5rem, 7vw, 7rem); display: flex; flex-direction: column; justify-content: center; }
.auth-intro-panel h1 { color: #ffffff; font-size: clamp(2rem, 4vw, 3.4rem); line-height: 1.12; max-width: 860px; margin: 0; }
.auth-intro-copy { max-width: 720px; margin: 1.5rem 0 0; font-size: 1.05rem; line-height: 1.75; color: #e2f0f4; }
.auth-feature-list { display: flex; flex-wrap: wrap; gap: .65rem; margin-top: 1.75rem; }
.auth-feature-list span { border: 1px solid #8db7c2; border-radius: 4px; padding: .45rem .7rem; color: #ffffff; background: #0f3c4c; }
.auth-form-panel { background: #f8fbfc; padding: 2rem; display: flex; align-items: center; justify-content: center; }
.auth-form-card { width: min(100%, 430px); background: #ffffff; border: 1px solid #c7d8de; padding: 2rem; border-radius: 6px; box-shadow: none; }
.auth-form-card h2 { color: #16394c; }
@media (max-width: 900px) { .auth-shell { grid-template-columns: 1fr; } .auth-intro-panel { min-height: 320px; } }
@media (max-width: 575px) { .auth-intro-panel, .auth-form-panel { padding: 1.5rem; } .auth-form-card { padding: 1.4rem; } }