/* Page styles for /login.html
 * Migrated from inline <style> block (Faz 5A — CSP style-src hardening).
 */

:root {
  --primary: #1e3a5f;
  --accent: #2d9f93;
  --gray: #64748b;
  --gray-light: #f1f5f9;
  --gradient: linear-gradient(135deg, #1e3a5f 0%, #2d9f93 100%);
}
body {
  background: var(--gradient);
}
.container {
  max-width: 440px;
}
.form-input:focus {
  border-color: var(--accent);
  box-shadow: 0 0 0 3px rgba(45, 159, 147, 0.12);
}
.form-options a {
  color: var(--accent);
  text-decoration: none;
  font-weight: 500;
}
.btn-primary {
  background: var(--gradient);
  color: white;
}
.btn-primary:hover {
  opacity: 0.9;
  transform: translateY(-1px);
}
/* footer-links + güvenlik rozeti gradient ARKAPLAN üzerinde (kart DIŞINDA).
 * Eski değerler (--gray #64748b, --accent teal) teal/lacivert gradient
 * üstünde 1.2-1.8:1 kontrastla okunamıyordu. Açık (beyazımsı) renge çekildi.
 * "Ana Sayfaya Dön"/"Kayıt Ol" linkleri beyaz + altı çizili olarak
 * gradient üzerinde net ayrışsın (5.9:1). */
.footer-links {
  text-align: center;
  margin-top: 1.25rem;
  font-size: 0.82rem;
  color: rgba(255, 255, 255, 0.85);
}
.footer-links a {
  color: #ffffff;
  text-decoration: underline;
  text-underline-offset: 2px;
  font-weight: 700;
}
.footer-links a:hover {
  color: var(--accent-light, #4ecdc4);
}
/* Güvenlik rozeti — kart dışında gradient üstünde. */
.security-badge {
  color: rgba(255, 255, 255, 0.85) !important;
}