/* Login Modern Styles - brand accent and background */

:root{
  --brand-primary: #c1121f; /* Red Rook red */
  --brand-dark: #0b0b0b;
  --brand-accent: #4f46e5; /* optional accent */
}

.auth-bg{
  position: relative;
  min-height: 100vh;
  background: linear-gradient(135deg, rgba(193,18,31,0.85), rgba(79,70,229,0.85)), url('/assets/images/login-bg.jpg') center/cover no-repeat fixed;
}

.auth-bg::before{
  content: '';
  position: absolute; inset: 0;
  background: radial-gradient(ellipse at 20% 10%, rgba(255,255,255,0.06), transparent 40%),
              radial-gradient(ellipse at 80% 0%, rgba(255,255,255,0.05), transparent 40%);
  pointer-events: none;
}

.login-card{
  backdrop-filter: blur(6px);
  background: rgba(255,255,255,0.92);
  border-radius: .75rem;
}

.login-card .card-header{ border-bottom: 0; }
.login-card .btn-brand{ background-color: var(--brand-primary); border-color: var(--brand-primary); color:#fff; }
.login-card .btn-brand:hover{ background-color:#a50e19; border-color:#a50e19; }

.text-brand{ color: var(--brand-primary) !important; }

/* Compact on mobile */
@media (max-width: 576px){
  .login-card{ border-radius:.5rem; }
}