.login-body { min-height: 100vh; background: #eef3f7; }
.login-shell { min-height: 100vh; display: grid; grid-template-columns: minmax(320px, 440px) 1fr; }
.login-panel { display: flex; flex-direction: column; justify-content: center; padding: clamp(2rem, 6vw, 4rem); background: #fff; box-shadow: 8px 0 28px rgba(17, 39, 60, .08); z-index: 1; }
.login-brand { display: flex; align-items: center; gap: .8rem; margin-bottom: 3rem; color: #132a44; font-size: 1.08rem; font-weight: 700; }
.login-brand .brand-mark { background: #132a44; color: #fff; }
.login-panel h1 { font-size: 1.8rem; }
.login-intro { margin: .65rem 0 1.7rem; color: #667789; line-height: 1.55; }
.google-button { width: 100%; display: flex; align-items: center; justify-content: center; gap: .8rem; min-height: 44px; border: 1px solid #cbd5df; border-radius: 6px; color: #273849; background: #fff; font-weight: 600; }
.google-button:hover { color: #172635; background: #f8fafc; border-color: #aab9c7; }
.google-icon { width: 19px; height: 19px; }
.login-note { margin: 1.15rem 0 0; color: #788797; font-size: .78rem; text-align: center; }
.login-visual { display: grid; place-items: center; padding: 3rem; overflow: hidden; background: linear-gradient(145deg, #0d2035, #173c5d 65%, #1769aa); color: #fff; }
.visual-content { max-width: 520px; }
.visual-kicker { color: #9dc7e5; font-size: .75rem; font-weight: 700; letter-spacing: .11em; text-transform: uppercase; }
.visual-content h2 { margin: .6rem 0 1rem; font-size: clamp(2rem, 4vw, 3.25rem); line-height: 1.08; letter-spacing: -.035em; }
.visual-content p { max-width: 430px; color: #d1e1ed; font-size: 1rem; line-height: 1.65; }
.login-alert { padding: .75rem; margin: 0 0 1rem; border: 1px solid #f0c9c9; border-radius: 6px; color: #8b3030; background: #fff5f5; font-size: .83rem; }
@media (max-width: 767.98px) {
  .login-shell { grid-template-columns: 1fr; }
  .login-panel { min-height: 100vh; padding: 2rem; }
  .login-visual { display: none; }
  .login-brand { margin-bottom: 2.5rem; }
}