/* ── Login Page ── */
.login-page { display: flex; min-height: 100vh; }
.login-left {
  flex: 1; background: linear-gradient(135deg, var(--color-navy) 0%, #0d1e38 60%, var(--color-burgundy) 100%);
  display: flex; flex-direction: column; align-items: center; justify-content: center;
  padding: var(--space-8); position: relative; overflow: hidden;
}
.login-left::before {
  content: ''; position: absolute; width: 600px; height: 600px; border-radius: 50%;
  background: radial-gradient(circle, rgba(201,168,76,0.08) 0%, transparent 70%);
  top: 50%; left: 50%; transform: translate(-50%, -50%);
}
.login-logo { width: 120px; height: 120px; margin-bottom: var(--space-6); position: relative; z-index: 1; filter: drop-shadow(0 4px 20px rgba(201,168,76,0.3)); }
.login-title { font-family: var(--font-heading); font-size: var(--text-3xl); color: var(--color-gold); text-align: center; position: relative; z-index: 1; }
.login-subtitle { font-size: var(--text-sm); color: var(--color-gray-400); text-align: center; margin-top: var(--space-2); position: relative; z-index: 1; max-width: 320px; line-height: 1.6; }

.login-right { flex: 1; display: flex; align-items: center; justify-content: center; padding: var(--space-8); background: var(--color-gray-50); }
.login-form-wrapper { width: 100%; max-width: 400px; }
.login-form-wrapper h2 { margin-bottom: var(--space-2); }
.login-form-wrapper .login-desc { color: var(--color-gray-500); font-size: var(--text-sm); margin-bottom: var(--space-8); }

@media (max-width: 768px) {
  .login-left { display: none; }
  .login-right { padding: var(--space-6); }
}