.login-shell { display: grid; gap: 0; grid-template-columns: 1fr 460px; margin: 34px auto; max-width: 1100px; min-height: 610px; padding: 0 24px; }
.login-copy { background: linear-gradient(135deg, rgba(27,49,98,.96), rgba(126,42,91,.9)), url("https://images.unsplash.com/photo-1519167758481-83f550bb49b3?auto=format&fit=crop&w=1200&q=80") center/cover; border-radius: 8px 0 0 8px; color: #fff; display: flex; flex-direction: column; justify-content: center; padding: 60px; }
.login-copy h1, .login-copy p { color: #fff; }
.login-copy h1 { font-size: clamp(2.4rem, 5vw, 4.3rem); }
.login-form { align-content: center; background: #fff; border: 1px solid var(--line); border-radius: 0 8px 8px 0; display: grid; gap: 18px; padding: 48px; }
.login-form h2 { font-family: Georgia, serif; font-size: 2rem; }
.login-form input { min-height: 48px; }
.login-help { color: var(--muted); font-size: 0.78rem; line-height: 1.45; }
.demo-access { border-top: 1px solid var(--line); display: grid; gap: 7px; padding-top: 18px; }
.demo-access strong { color: var(--ink); font-size: .9rem; }
.demo-access p { color: var(--muted); font-size: .8rem; margin: 0; }
.demo-access .button { justify-content: center; margin-top: 4px; width: 100%; }
@media (max-width: 800px) { .login-shell { grid-template-columns: 1fr; } .login-copy { border-radius: 8px 8px 0 0; min-height: 300px; padding: 36px; } .login-form { border-radius: 0 0 8px 8px; padding: 34px; } }