/* giris.css — E-posta/Şifre Giriş ve Kayıt Ol Sayfası */

:root{
  --void:#06070A;
  --tissue:#0F1116;
  --tissue-2:#161922;
  --line:#212630;
  --line-2:#2E3542;
  --read:#E9ECF0;
  --dim:#969FAA;
  --faint:#666E79;
  --iron-b:#B54B07;
  --uptake:#F2B01E;
  --peak:#FFE27A;
  --hata:#FF6B6B;
  --basari:#4ADE80;
}

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

body{
  min-height:100vh;
  background:var(--void);
  color:var(--read);
  font:400 16px/1.6 'Inter',system-ui,-apple-system,sans-serif;
  display:flex;align-items:center;justify-content:center;
  padding:24px;
}

.hale{
  position:fixed;inset:0;pointer-events:none;
  background:radial-gradient(600px 400px at 50% 38%, rgba(242,176,30,.10), transparent 70%);
}

.kutu{
  position:relative;
  width:min(440px,100%);
  background:var(--tissue);
  border:1px solid var(--line);
  border-radius:14px;
  padding:32px 28px 28px;
  box-shadow:0 24px 60px rgba(0,0,0,.5);
}

.marka{display:flex;align-items:center;gap:10px;margin-bottom:20px}
.nokta{
  width:11px;height:11px;border-radius:50%;
  background:radial-gradient(circle at 35% 35%, var(--peak), var(--iron-b));
  box-shadow:0 0 14px rgba(242,176,30,.55);
}
.marka b{font-size:19px;font-weight:600;letter-spacing:-.01em}

/* Sekmeler */
.auth-tabs {
  display: flex;
  background: var(--tissue-2);
  padding: 4px;
  border-radius: 9px;
  border: 1px solid var(--line);
  margin-bottom: 20px;
}

.tab-btn {
  flex: 1;
  padding: 8px 12px;
  background: none;
  border: none;
  color: var(--dim);
  font-size: 13.5px;
  font-weight: 500;
  border-radius: 6px;
  cursor: pointer;
  margin-top: 0;
  transition: all 0.15s ease;
}

.tab-btn.active {
  background: var(--uptake);
  color: #1A1204;
  font-weight: 600;
}

.form-alani { display: none; }
.form-alani.active { display: block; }

.form-grup { margin-bottom: 14px; }

label{display:block;font-size:11.5px;color:var(--faint);margin-bottom:6px;
      text-transform:uppercase;letter-spacing:.07em;font-weight:600;}

input{
  width:100%;
  padding:10px 14px;
  background:var(--tissue-2);
  border:1px solid var(--line-2);
  border-radius:8px;
  color:var(--read);
  font:400 14px/1.4 system-ui, -apple-system, sans-serif;
  outline:none;
  transition:border-color .15s, box-shadow .15s;
}
input:focus{border-color:var(--uptake);box-shadow:0 0 0 3px rgba(242,176,30,.14)}
input::placeholder{color:var(--faint)}

button[type="submit"]{
  width:100%;margin-top:10px;padding:12px;
  background:var(--uptake);color:#1A1204;
  border:none;border-radius:8px;
  font:600 14.5px/1 'Inter',system-ui,sans-serif;
  cursor:pointer;
  transition:filter .15s;
}
button[type="submit"]:hover:not(:disabled){filter:brightness(1.08)}
button[type="submit"]:disabled{opacity:.55;cursor:default}

.hata{
  margin-top:14px;padding:10px 12px;
  background:rgba(255,107,107,.10);
  border:1px solid rgba(255,107,107,.28);
  border-radius:8px;
  color:var(--hata);font-size:13px;
  display:none;
}
.hata.gorunur{display:block}

.basari{
  margin-top:14px;padding:10px 12px;
  background:rgba(74,222,128,.10);
  border:1px solid rgba(74,222,128,.28);
  border-radius:8px;
  color:var(--basari);font-size:13px;
  display:none;
}
.basari.gorunur{display:block}

.dipnot{
  margin-top:20px;padding-top:16px;
  border-top:1px solid var(--line);
  font-size:12px;line-height:1.6;color:var(--faint);
}
.dipnot b{color:var(--dim);font-weight:500}