@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;700&display=swap');

:root{
  --bg:#0b0e12;      /* koyu arka plan, görselin etrafında banding engeller */
  --card:#ffffff;
  --txt:#171717;
  --muted:#6b7280;
  --ring:#2563eb;
  --ring-soft:rgba(37,99,235,.15);
  --btn:#2563eb;
  --btn-txt:#fff;
  --shadow:0 10px 30px rgba(0,0,0,.22);
  --radius:16px;
}

*{box-sizing:border-box}
html,body{height:100%}
body{
  margin:0;
  font-family:'Poppins',sans-serif;
  color:var(--txt);
  background:var(--bg);
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}

/* ---------- Yardımcılar ---------- */
.p-25{padding:25px}
.shadow{box-shadow:var(--shadow)}
.muted{color:var(--muted)}
a{color:inherit;text-decoration:none}
.link{color:var(--ring);text-decoration:underline;text-underline-offset:3px}

/* ---------- Tek görsel arkaplan (z-index düzeltildi) ---------- */
.bg-single{
  position:fixed;
  inset:0;
  z-index:0;                 /* ÖNEMLİ: negatif değil! */
  background-position:center;
  background-size:cover;
  background-repeat:no-repeat;
  pointer-events:none;
}
.bg-single .bg-img{
  /* Fallback: bazı mobil tarayıcılarda background-image yerine <img> */
  position:absolute; inset:0; width:100%; height:100%;
  object-fit:cover; object-position:center;
  transform:translateZ(0); will-change:transform;
  filter:contrast(1.06) saturate(1.06) brightness(.92);
}

/* Renkli overlay üstte (ince) */
#overlay{
  position:fixed; inset:0; z-index:1; pointer-events:none;
  background:
    radial-gradient(1200px 700px at 12% 10%, rgba(255,110,60,.30), transparent 60%),
    radial-gradient(1200px 700px at 88% 90%, rgba(35,159,247,.30), transparent 60%),
    linear-gradient(180deg, rgba(0,0,0,.30), rgba(0,0,0,.30));
}

/* ---------- Kart/Tipografi ---------- */
.auth-card{
  width:100%;
  max-width:520px;
  margin:0 auto;
  background:var(--card);
  border-radius:var(--radius);
  padding:28px;
}
.form-label{font-weight:600;color:#2b2f36}
.form-control{
  height:46px; border-radius:12px; border:1px solid #e5e7eb;
  padding:0 14px; font-size:14px; background:#fff;
  transition:border-color .2s, box-shadow .2s;
}
.form-control::placeholder{color:#9ca3af}
.form-control:focus{
  border-color:var(--ring);
  box-shadow:0 0 0 6px var(--ring-soft);
  outline:0;
}
.btn-primary{
  height:48px; border:0; border-radius:12px;
  background:var(--btn); color:var(--btn-txt);
  font-weight:700; font-size:15px;
  cursor:pointer; transition:transform .06s, filter .2s;
}
.btn-primary:hover{filter:brightness(1.05)}
.btn-primary:active{transform:translateY(1px)}
.signup{text-align:center;font-size:14px;color:#4b5563;margin-top:14px}

/* ---------- Sol/sağ kartlar ---------- */
.login-left,.login-right{border-radius:16px}

/* ---------- Mobil dokunuşlar ---------- */
@media (max-width: 575.98px){
  .auth-card{padding:24px}
  .bg-single .bg-img{filter:contrast(1.05) saturate(1.05) brightness(.94)} /* küçük ekranda hafif açık */
}
@media (max-width: 359px){
  .auth-card{padding:20px}
  .btn-primary{height:46px}
}

/* ---------- Animasyon azalt (erişilebilirlik) ---------- */
@media (prefers-reduced-motion: reduce){
  .bg-single .bg-img{transform:none}
}