/* ============================================================
   RİZE YAŞAM — Giriş Ekranı Stili
   ============================================================ */
:root {
  --rize-yesil:     #2d6a4f;
  --rize-yesil-ac:  #40916c;
  --rize-yesil-cok: #52b788;
  --rize-cay:       #1b4332;
  --rize-altin:     #d4ac0d;
  --gradient-ana:   linear-gradient(135deg, #1b4332 0%, #2d6a4f 40%, #40916c 100%);
  --golge-kart:     0 20px 60px rgba(0,0,0,.25);
  --radius-kart:    20px;
  --gecis:          all .3s cubic-bezier(.4,0,.2,1);
}

*,*::before,*::after { box-sizing: border-box; margin: 0; padding: 0; }

body.giris-sayfa {
  min-height: 100vh;
  background: var(--gradient-ana);
  background-attachment: fixed;
  font-family: 'Inter', 'Segoe UI', system-ui, sans-serif;
  overflow-x: hidden;
}

body.giris-sayfa::before {
  content: '';
  position: fixed;
  inset: 0;
  background:
    radial-gradient(circle at 20% 20%, rgba(82,183,136,.15) 0%, transparent 50%),
    radial-gradient(circle at 80% 80%, rgba(27,67,50,.3) 0%, transparent 50%);
  pointer-events: none;
  z-index: 0;
}

/* Yüzen çay yaprakları animasyonu */
.yaprak {
  position: fixed;
  width: 20px;
  opacity: .15;
  animation: yukariUc linear infinite;
  z-index: 0;
  pointer-events: none;
}
@keyframes yukariUc {
  0%   { transform: translateY(100vh) rotate(0deg); opacity: .15; }
  100% { transform: translateY(-10vh) rotate(720deg); opacity: 0; }
}

.giris-wrapper {
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 2rem 1rem;
  position: relative;
  z-index: 1;
}

/* ── Kart ── */
.giris-kart {
  width: 100%;
  max-width: 460px;
  background: rgba(255,255,255,.96);
  backdrop-filter: blur(20px);
  border: 1px solid rgba(255,255,255,.4);
  border-radius: var(--radius-kart);
  box-shadow: var(--golge-kart);
  overflow: hidden;
  animation: kartGiris .6s ease-out;
}
@keyframes kartGiris {
  from { opacity:0; transform:translateY(30px) scale(.97); }
  to   { opacity:1; transform:translateY(0) scale(1); }
}

/* ── Başlık ── */
.giris-kart-baslik {
  background: var(--gradient-ana);
  padding: 2.5rem 2rem 2.25rem;
  text-align: center;
  position: relative;
}
.giris-kart-baslik::after {
  content:'';
  position:absolute; bottom:-1px; left:0; right:0;
  height:28px;
  background:rgba(255,255,255,.96);
  border-radius:50% 50% 0 0/28px 28px 0 0;
}

.logo-daire {
  width: 72px; height: 72px;
  background: rgba(255,255,255,.2);
  border-radius: 18px;
  border: 2px solid rgba(255,255,255,.35);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 1rem;
  font-size: 2rem;
}

.site-adi {
  font-size: 1.875rem;
  font-weight: 800;
  color: #fff;
  letter-spacing: -.5px;
  display: block;
  text-shadow: 0 2px 10px rgba(0,0,0,.2);
}
.site-adi span { color: #b7e4c7; }

.site-slogan {
  color: rgba(255,255,255,.75);
  font-size: .82rem;
  margin-top: .2rem;
  display: block;
}

/* ── Gövde ── */
.giris-kart-govde { padding: 1.75rem 2rem 2rem; }

/* ── Tabs ── */
.giris-tabs {
  display: flex;
  background: #f1f3f5;
  border-radius: 12px;
  padding: 4px;
  margin-bottom: 1.75rem;
}
.giris-tab {
  flex:1; padding:.6rem 1rem; border:none; background:transparent;
  border-radius:9px; font-weight:600; font-size:.875rem;
  color:#868e96; cursor:pointer; transition:var(--gecis);
}
.giris-tab.aktif {
  background:#fff; color:var(--rize-yesil);
  box-shadow:0 2px 8px rgba(0,0,0,.1);
}

/* ── Grup ── */
.form-grup { margin-bottom: 1.125rem; }

.form-etiket {
  display:block; font-size:.78rem; font-weight:700;
  color:#495057; margin-bottom:.4rem; letter-spacing:.3px;
  text-transform: uppercase;
}

.input-wrap { position:relative; }

.input-ikon {
  position:absolute; left:13px; top:50%; transform:translateY(-50%);
  color:#adb5bd; font-size:.875rem; pointer-events:none; z-index:1;
  transition:color .2s;
}
.input-wrap:focus-within .input-ikon { color:var(--rize-yesil-ac); }

.giris-input {
  width:100%; padding:.75rem 1rem .75rem 2.6rem;
  border:2px solid #e9ecef; border-radius:11px;
  font-size:.93rem; color:#212529; background:#fff;
  transition:var(--gecis); outline:none;
  -webkit-appearance:none;
}
.giris-input:focus {
  border-color:var(--rize-yesil-ac);
  box-shadow:0 0 0 4px rgba(64,145,108,.12);
}
.giris-input.hatali { border-color:#fa5252; box-shadow:0 0 0 4px rgba(250,82,82,.1); }
.giris-input.gecerli { border-color:#40c057; }

.sifre-goster-btn {
  position:absolute; right:12px; top:50%; transform:translateY(-50%);
  background:none; border:none; color:#adb5bd; cursor:pointer;
  padding:0; font-size:.875rem; transition:color .2s;
  z-index:1;
}
.sifre-goster-btn:hover { color:var(--rize-yesil); }

/* ── Şifre Gücü ── */
.sifre-guc { margin-top:.5rem; }
.sifre-guc-cubuk {
  height:3px; background:#e9ecef; border-radius:3px; overflow:hidden;
}
.sifre-guc-dolgu {
  height:100%; border-radius:3px; width:0;
  transition:width .4s,background .4s;
}
.guc-1{width:25%;background:#fa5252;}
.guc-2{width:50%;background:#fd7e14;}
.guc-3{width:75%;background:#fcc419;}
.guc-4{width:100%;background:#40c057;}

.sifre-guc-yazi {
  font-size:.72rem; font-weight:600; margin-top:.2rem;
  display:flex; justify-content:flex-end;
}

/* ── Beni Hatırla / Şifremi Unuttum ── */
.giris-yardimci {
  display:flex; align-items:center; justify-content:space-between;
  margin-bottom:1.25rem;
}
.custom-check {
  display:flex; align-items:center; gap:.45rem;
  cursor:pointer; font-size:.83rem; color:#495057; user-select:none;
}
.custom-check input[type="checkbox"] {
  width:15px; height:15px; accent-color:var(--rize-yesil); cursor:pointer;
}
.sifre-unut {
  font-size:.8rem; color:var(--rize-yesil); font-weight:700;
  text-decoration:none; transition:opacity .2s;
}
.sifre-unut:hover { opacity:.75; text-decoration:underline; }

/* ── Giriş Butonu ── */
.btn-giris {
  width:100%; padding:.875rem; border:none; border-radius:12px;
  background: var(--gradient-ana);
  color:#fff; font-size:1rem; font-weight:700; letter-spacing:.3px;
  cursor:pointer; transition:var(--gecis); position:relative; overflow:hidden;
}
.btn-giris::after {
  content:''; position:absolute; top:0; left:-100%;
  width:100%; height:100%;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);
  transition:left .5s;
}
.btn-giris:hover::after { left:100%; }
.btn-giris:hover { transform:translateY(-1px); box-shadow:0 8px 25px rgba(45,106,79,.4); }
.btn-giris:active { transform:translateY(0); }
.btn-giris:disabled { opacity:.65; cursor:not-allowed; transform:none; }

.btn-spinner {
  width:18px; height:18px; border:2px solid rgba(255,255,255,.4);
  border-top-color:#fff; border-radius:50%;
  animation:dondur .7s linear infinite; display:none; margin-right:.5rem;
}
@keyframes dondur { to { transform:rotate(360deg); } }

/* ── Ayırıcı ── */
.ya-da {
  display:flex; align-items:center; gap:1rem;
  margin:1.5rem 0; color:#ced4da; font-size:.78rem; font-weight:600;
}
.ya-da::before,.ya-da::after { content:''; flex:1; height:1px; background:#e9ecef; }

/* ── Sosyal Giriş ── */
.sosyal-giris {
  display:grid; grid-template-columns:1fr 1fr; gap:.75rem;
  margin-bottom:1.5rem;
}
.btn-sosyal {
  padding:.7rem; border:2px solid #e9ecef; border-radius:10px;
  background:#fff; font-size:.83rem; font-weight:600; color:#495057;
  cursor:pointer; transition:var(--gecis); display:flex;
  align-items:center; justify-content:center; gap:.5rem;
  text-decoration:none;
}
.btn-sosyal:hover { border-color:#ced4da; background:#f8f9fa; transform:translateY(-1px); }
.btn-sosyal .fab { font-size:1.1rem; }
.btn-sosyal .fa-google { color:#db4437; }
.btn-sosyal .fa-facebook-f { color:#1877f2; }

/* ── Alt ── */
.giris-alt {
  text-align:center; margin-top:1.25rem;
  font-size:.845rem; color:#868e96;
}
.giris-alt a { color:var(--rize-yesil); font-weight:700; text-decoration:none; }
.giris-alt a:hover { text-decoration:underline; }

/* ── Uyarı / Hata ── */
.giris-uyari {
  padding:.75rem 1rem; border-radius:10px; font-size:.845rem;
  display:flex; align-items:center; gap:.6rem; margin-bottom:1rem;
  animation:sallan .4s ease;
}
@keyframes sallan {
  0%,100%{transform:translateX(0);}
  25%{transform:translateX(-6px);}
  75%{transform:translateX(6px);}
}
.giris-uyari.hata   { background:#fff5f5; border:1px solid #ffc9c9; color:#c92a2a; }
.giris-uyari.basari { background:#f3fef5; border:1px solid #b2f2bb; color:#2f9e44; }
.giris-uyari.bilgi  { background:#e8f4fd; border:1px solid #a5d8ff; color:#1864ab; }

/* ── İstatistik şerit ── */
.giris-istat {
  display:flex; justify-content:space-around;
  padding:1.25rem 2rem 1.5rem;
  border-top:1px solid #f1f3f5;
  background:#fafafa;
}
.istat-item { text-align:center; }
.istat-sayi {
  font-size:1.125rem; font-weight:800; color:var(--rize-yesil);
  display:block; line-height:1;
}
.istat-etiket {
  font-size:.68rem; color:#adb5bd; display:block;
  margin-top:.25rem; text-transform:uppercase; letter-spacing:.5px;
}

/* ── Mobil ── */
@media (max-width:576px) {
  .giris-kart-govde { padding:1.25rem 1.25rem 1.5rem; }
  .site-adi { font-size:1.625rem; }
  .sosyal-giris { grid-template-columns:1fr; }
  .giris-istat { gap:.5rem; padding:1rem; }
  .istat-sayi  { font-size:.95rem; }
}