/* YEK Yayıncı Paneli — Faz 0 (gold tema). Vanilla, harici kütüphane yok. */
:root{
  --bg:#070708; --panel:#0B0B0D; --kart:#0E0E11; --text:#F4F4F5; --muted:#9C9CA5;
  --muted2:#A8A8B0; --dim:#6C6C75; --gold:#E7C66A; --line:rgba(255,255,255,.09);
  --line2:rgba(255,255,255,.12); --grad:linear-gradient(135deg,#F7E39B,#D9A93B 55%,#B8860B);
}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--text);
  font-family:Geist,system-ui,-apple-system,'Segoe UI',sans-serif;-webkit-font-smoothing:antialiased}
a{color:var(--gold);text-decoration:none}a:hover{color:#F7E39B}

/* ---- auth (giriş/kayıt/sıfırlama) ---- */
.auth{min-height:100vh;display:flex;flex-wrap:wrap;align-items:stretch}
.auth .marka{flex:1 1 440px;min-width:0;position:relative;overflow:hidden;padding:56px 48px;
  background:linear-gradient(150deg,#D9A93B 0%,#B8860B 40%,#5c430c 100%);display:flex;flex-direction:column;color:#1a1304}
.auth .marka .halo{position:absolute;right:-180px;top:-160px;width:620px;height:620px;border-radius:50%;
  background:radial-gradient(closest-side,rgba(247,227,155,.55),transparent)}
.auth .marka .logo{position:relative;display:inline-flex;align-items:center;gap:11px}
.auth .marka .logo b{font-size:17px;font-weight:700;letter-spacing:-.02em}
.auth .marka .logo small{font-size:11px;font-weight:600;opacity:.75}
.auth .marka h1{position:relative;margin:auto 0 0;font-size:clamp(28px,4vw,40px);line-height:1.14;font-weight:700;letter-spacing:-.03em;max-width:440px}
.auth .marka p{position:relative;margin:16px 0 0;font-size:16px;line-height:1.6;max-width:430px;color:#2a1f06}
.auth .marka .partner{position:relative;margin-top:36px;font-size:12px;font-weight:600;color:#2a1f06;opacity:.8}
.auth .form{flex:1 1 420px;min-width:0;display:flex;align-items:center;justify-content:center;padding:44px 28px}
.auth .form .kutu{width:100%;max-width:400px}
.auth h2{font-size:26px;font-weight:600;letter-spacing:-.02em;margin:0}
.auth .alt{margin:8px 0 0;font-size:14.5px;color:var(--muted)}
.alan{margin-top:16px}
.alan label{display:block;font-size:13px;font-weight:500;color:#C4C4CC;margin-bottom:7px}
.alan input{width:100%;height:50px;padding:0 15px;border-radius:12px;border:1px solid var(--line2);
  background:var(--panel);color:var(--text);font:15px Geist,sans-serif;transition:border-color .15s}
.alan input:focus{outline:none;border-color:rgba(231,198,106,.55);background:#070708}
.alan.kod input{border-color:rgba(231,198,106,.32);background:rgba(217,169,59,.06);font-weight:600;letter-spacing:.04em}
.ipucu{margin-top:7px;font-size:11.5px;color:var(--dim)}
.btn-gold{width:100%;height:52px;margin-top:22px;border:0;border-radius:13px;background:var(--grad);
  color:#0A0A0A;font:600 15.5px Geist,sans-serif;cursor:pointer;box-shadow:0 14px 40px -16px rgba(217,169,59,.7)}
.btn-gold:disabled{opacity:.6;cursor:default}
.satir{display:flex;align-items:center;justify-content:space-between;margin-top:14px}
.mesaj{margin-top:16px;padding:12px 14px;border-radius:11px;font-size:13.5px;line-height:1.5;display:none}
.mesaj.hata{display:block;border:1px solid rgba(255,120,120,.3);background:rgba(255,80,80,.08);color:#ffb4b4}
.mesaj.ok{display:block;border:1px solid rgba(231,198,106,.35);background:rgba(217,169,59,.08);color:var(--gold)}
.auth .gec{margin-top:22px;text-align:center;font-size:13.5px;color:var(--muted)}

/* ---- panel iskeleti ---- */
.shell{display:flex;min-height:100vh}
.yan{flex:0 0 248px;min-width:0;border-right:1px solid var(--line);background:#0A0A0C;
  display:flex;flex-direction:column;gap:6px;padding:20px 16px}
.yan .brand{display:inline-flex;align-items:center;gap:10px;padding:6px 8px 14px}
.yan .brand b{font-size:15px;font-weight:600;letter-spacing:-.02em}
.yan .brand small{font-size:10px;color:var(--gold);display:block}
.grp{font-size:10px;color:var(--dim);letter-spacing:.08em;text-transform:uppercase;padding:14px 10px 6px}
.yan a.nv{display:flex;align-items:center;gap:11px;padding:11px 13px;border-radius:11px;color:var(--muted2);
  font-size:14.5px;font-weight:500;border:1px solid transparent}
.yan a.nv.on{color:var(--text);background:rgba(217,169,59,.1);border-color:rgba(231,198,106,.28)}
.yan a.nv:hover{background:rgba(255,255,255,.04);color:var(--text)}
.ana{flex:1;min-width:0;display:flex;flex-direction:column}
.ust{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 28px;border-bottom:1px solid var(--line)}
.ust .bas{font-size:20px;font-weight:600;letter-spacing:-.02em}
.ust .alt{margin-top:3px;font-size:13px;color:var(--muted)}
.ust .cik{height:38px;padding:0 14px;border-radius:10px;border:1px solid var(--line2);background:transparent;color:var(--muted);cursor:pointer;font:500 13px Geist,sans-serif}
.govde{padding:24px 28px;display:flex;flex-direction:column;gap:16px}
.rozet{display:inline-flex;align-items:center;gap:7px;height:26px;padding:0 11px;border-radius:999px;border:1px solid var(--line2);background:rgba(255,255,255,.04);font-size:11.5px;color:var(--muted);width:fit-content}
.rozet .d{width:6px;height:6px;border-radius:50%;background:var(--gold)}
.yukkart{padding:22px 24px;border-radius:18px;border:1px solid var(--line);background:var(--panel)}
.yukkart .cizgi{height:12px;border-radius:6px;background:linear-gradient(90deg,rgba(255,255,255,.06),rgba(255,255,255,.02));margin-top:10px}
.yukkart .cizgi.k{width:40%}.yukkart .cizgi.o{width:70%}
.izgara{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
@media(max-width:860px){
  .yan{display:none}
  .izgara{grid-template-columns:1fr}
  .auth .marka{flex-basis:100%;padding:34px 24px}
}
