/* auth/demo.php'ye ozel stiller (bkz. public/assets/css/auth-shared.css'teki
   ortak iskelet). Dosya adi kasitli olarak "auth-demo.css" -- zaten var olan
   vendor sablonunun "css/demo.css" dosyasiyla (her sayfada yuklenen, bu
   dosyayla ilgisiz bir Vuexy demo temasi) karismasin diye. */

/* Bu sayfada kart daha genis (2 secim karti yan yana durabiliyor) ve
   ust/alt bosluk farkli -- ortak iskeletteki varsayilanlari override ediyor. */
.login-wrapper { padding: 1.5rem 1rem; }
.login-card { max-width: 560px; }

.demo-choice {
  display: block;
  border: 1.5px solid #e7e7ef;
  border-radius: 14px;
  padding: 1.25rem 1.5rem;
  margin-bottom: 1rem;
  text-decoration: none;
  transition: border-color .15s ease, transform .15s ease;
}
.demo-choice:hover { border-color: #771164; transform: translateY(-2px); }
.demo-choice-icon {
  width: 48px; height: 48px; border-radius: 12px;
  display: flex; align-items: center; justify-content: center;
  font-size: 1.4rem; margin-bottom: .75rem;
}
.demo-choice-title { font-weight: 600; color: #22202e; margin-bottom: .15rem; }
.demo-choice-desc { color: #a1a0ae; font-size: .85rem; margin: 0; }
.free-feature-list { color: #6f6b7d; font-size: .82rem; margin: .5rem 0 0; padding-left: 1.1rem; }
.demo-divider {
  display: flex; align-items: center; gap: .75rem;
  color: #a1a0ae; font-size: .82rem; margin: 1.75rem 0 1.25rem;
}
.demo-divider::before, .demo-divider::after {
  content: ''; flex: 1; height: 1px; background: #e7e7ef;
}
.demo-login-form .form-control { margin-bottom: .75rem; }