/* Arka plan: yumuşak degrade + grid */
.auth-bg{
  background:
    radial-gradient(1200px 600px at 10% -10%, rgba(108,124,255,.18), transparent 60%),
    radial-gradient(800px 400px at 90% 110%, rgba(123,211,255,.15), transparent 60%),
    linear-gradient(180deg, #0f1224 0%, #151936 100%);
}

/* Kart: cam efekti + yumuşak kenarlar */
.card{
  background: rgba(21,25,54,.6);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 18px;
  box-shadow: 0 20px 60px rgba(0,0,0,.35);
}

/* Başlık ve alt yazılar */
h4.fw-semibold{ color:#E8EBFF; letter-spacing:.3px; }
.title-ten h2{ color:#fff; }

/* Form kontrolleri: koyu tema + focus halkası */
.form-label{ color:#c7cdf6; font-weight:600; }
.form-control{
  background: rgba(255,255,255,.06);
  color:#fff; border:1px solid rgba(255,255,255,.15);
  border-radius: 12px; padding: .8rem .95rem;
}
.form-control::placeholder{ color:#9aa1d3; }
.form-control:focus{
  background: rgba(255,255,255,.1); color:#fff;
  border-color:#6c7cff; box-shadow: 0 0 0 .2rem rgba(108,124,255,.25);
}

/* Giriş butonu */
.btn-primary{
  background: linear-gradient(90deg,#6c7cff,#7bd3ff);
  border:0; border-radius: 12px; padding:.8rem 1rem; font-weight:700;
  box-shadow: 0 8px 24px rgba(108,124,255,.35);
}
.btn-primary:hover{ filter: brightness(1.05); transform: translateY(-1px); }
.btn-primary:disabled{ opacity:.7; cursor: wait; }

/* Alert görünümü */
#loginAlert{ border-radius:12px; }
#loginAlert.alert-success{ background:#13281b; color:#bff7d2; border:1px solid #2ecc71; }
#loginAlert.alert-danger{ background:#2a1b1b; color:#ffd3d3; border:1px solid #ff6b6b; }

/* Logo alanı */
.auth-brand img{ filter: drop-shadow(0 4px 16px rgba(0,0,0,.25)); }

/* Küçük ekran */
@media (max-width: 576px){
  .card{ padding: 18px !important; }
}