:root {
  --glass-bg: rgba(255, 255, 255, 0.8);
  --glass-border: rgba(255, 255, 255, 0.2);
}
[data-bs-theme="dark"] {
  --glass-bg: rgba(33, 37, 41, 0.8);
  --glass-border: rgba(255, 255, 255, 0.1);
}
.main-container {
  min-height: 100vh;
  background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
}
[data-bs-theme="dark"] .main-container {
  background: radial-gradient(circle at top right, #212529, #000);
}
.left-panel {
  background: linear-gradient(180deg, #dc3545 0%, #a71d2a 100%);
  border-bottom-right-radius: 100px;
}
.login-card {
  background: var(--glass-bg);
  backdrop-filter: blur(10px);
  border: 1px solid var(--glass-border);
  transition: all 0.3s ease;
}
.form-control {
  border-radius: 12px;
  padding: 0.75rem 1rem;
}
.hover-lift:hover {
  transform: translateY(-3px);
  transition: 0.3s;
}
.logo-grid img {
  filter: grayscale(1) brightness(1.5);
  transition: 0.3s;
  opacity: 0.7;
}
.logo-grid img:hover {
  filter: grayscale(0) brightness(1);
  opacity: 1;
}