:root{
  --or:#f7931e; --or2:#ffb347; --or3:#e8650a; --bg:#0b0704; --card:#150d07; --card2:#1b1109;
  --line:rgba(247,147,30,.16); --mut:rgba(255,255,255,.55); --dim:rgba(255,255,255,.32);
  --ok:#4ade80; --no:#f87171;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{background:var(--bg);color:#fff;font-family:'Outfit',sans-serif;line-height:1.5;overflow-x:hidden}
a{color:inherit;text-decoration:none}
.wrap{max-width:1200px;margin:0 auto;padding:0 20px}

/* NAV */
nav{position:fixed;inset:0 0 auto 0;z-index:50;transition:background .3s,border-color .3s;border-bottom:1px solid transparent}
nav.solid{background:rgba(11,7,4,.92);backdrop-filter:blur(12px);border-color:var(--line)}
.nav-in{display:flex;align-items:center;justify-content:space-between;height:70px;gap:16px}
.brand{display:flex;align-items:center;gap:10px}
.brand img{width:40px;height:40px;border-radius:10px;object-fit:cover}
.brand b{font-family:'Bebas Neue';font-size:24px;letter-spacing:2px}
.brand b span{color:var(--or)}
.links{display:flex;gap:26px;font-size:14px;font-weight:500;color:var(--mut)}
.links a:hover{color:#fff}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 22px;border-radius:12px;font-weight:700;font-size:14px;transition:transform .2s,box-shadow .2s,background .2s;border:1px solid transparent;cursor:pointer;white-space:nowrap}
.btn:hover{transform:translateY(-2px)}
.btn-or{background:linear-gradient(135deg,var(--or3),var(--or));color:#fff;box-shadow:0 8px 30px rgba(232,101,10,.35)}
.btn-or:hover{box-shadow:0 12px 40px rgba(232,101,10,.5)}
.btn-dc{background:#5865f2;color:#fff}
.btn-gh{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.14);color:#fff}
.btn-gh:hover{background:rgba(255,255,255,.1)}
@media(max-width:820px){.links{display:none}}

/* HERO */
.hero{position:relative;min-height:100vh;display:flex;align-items:center;padding:110px 0 70px;overflow:hidden}
.hero::before{content:'';position:absolute;inset:0;background:url('ucp/assets/banner.jpg') center/cover no-repeat;opacity:.35;transform:scale(1.04)}
.hero::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(11,7,4,.55) 0%,rgba(11,7,4,.75) 55%,var(--bg) 100%),radial-gradient(ellipse 70% 60% at 20% 30%,rgba(232,101,10,.25),transparent 70%)}
.hero .wrap{position:relative;z-index:1;width:100%}
.pill{display:inline-flex;align-items:center;gap:8px;padding:7px 14px;border-radius:30px;background:rgba(0,0,0,.45);border:1px solid var(--line);font-size:13px;font-weight:600;margin-bottom:22px}
.dot{width:8px;height:8px;border-radius:50%;background:var(--no)}
.dot.on{background:var(--ok);box-shadow:0 0 0 0 rgba(74,222,128,.6);animation:pulse 2s infinite}
@keyframes pulse{70%{box-shadow:0 0 0 10px rgba(74,222,128,0)}100%{box-shadow:0 0 0 0 rgba(74,222,128,0)}}
.hero h1{font-family:'Bebas Neue';font-size:clamp(64px,12vw,150px);line-height:.88;letter-spacing:3px}
.hero h1 span{color:var(--or);display:block}
.hero p.lead{max-width:560px;color:var(--mut);font-size:clamp(15px,2vw,18px);margin:22px 0 32px}
.cta{display:flex;gap:12px;flex-wrap:wrap}
.connect{margin-top:18px;font-size:13px;color:var(--dim)}
.connect code{background:rgba(255,255,255,.08);padding:4px 10px;border-radius:7px;color:var(--or2);cursor:pointer;font-size:13px}

/* STATS */
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:-40px;position:relative;z-index:2}
.stat{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:22px}
.stat .n{font-family:'Bebas Neue';font-size:44px;line-height:1;color:var(--or2)}
.stat .l{font-size:12px;color:var(--dim);text-transform:uppercase;letter-spacing:1.4px;margin-top:4px}
@media(max-width:820px){.stats{grid-template-columns:repeat(2,1fr)}}

/* SECTION */
section{padding:90px 0}
.sec-h{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;flex-wrap:wrap;margin-bottom:34px}
.kicker{font-size:12px;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:var(--or)}
.sec-h h2{font-family:'Bebas Neue';font-size:clamp(40px,6vw,62px);letter-spacing:2px;line-height:1;margin-top:6px}
.sec-h p{color:var(--mut);max-width:440px;font-size:15px}

/* BİRİMLER */
.units{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:18px}
@media(max-width:400px){.units{grid-template-columns:1fr}}
.unit{background:var(--card);border:1px solid var(--line);border-radius:18px;overflow:hidden;display:flex;flex-direction:column;transition:border-color .25s,transform .25s}
.unit:hover{border-color:rgba(247,147,30,.4);transform:translateY(-3px)}
.u-top{padding:22px 22px 18px}
.u-head{display:flex;gap:14px;align-items:flex-start}
.u-ic{width:52px;height:52px;flex-shrink:0;border-radius:14px;background:rgba(247,147,30,.12);border:1px solid var(--line);display:flex;align-items:center;justify-content:center;font-size:26px}
.u-head h3{font-size:18px;font-weight:800;line-height:1.25}
.u-head p{font-size:13px;color:var(--dim);margin-top:4px}
.badge{display:inline-block;font-size:10px;font-weight:800;letter-spacing:1px;padding:4px 9px;border-radius:20px;text-transform:uppercase;margin-top:8px}
.b-ok{background:rgba(74,222,128,.12);color:var(--ok);border:1px solid rgba(74,222,128,.3)}
.b-no{background:rgba(255,255,255,.05);color:var(--dim);border:1px solid rgba(255,255,255,.1)}
.u-nums{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:18px}
.u-nums div{background:rgba(255,255,255,.03);border-radius:10px;padding:10px;text-align:center}
.u-nums b{display:block;font-family:'Bebas Neue';font-size:28px;line-height:1}
.u-nums span{font-size:11px;color:var(--dim);text-transform:uppercase;letter-spacing:1px}
.bar{height:6px;border-radius:6px;background:rgba(255,255,255,.07);overflow:hidden;margin-top:14px}
.bar i{display:block;height:100%;background:linear-gradient(90deg,var(--or3),var(--or2));border-radius:6px}
.u-meta{font-size:12px;color:var(--dim);margin-top:8px;display:flex;justify-content:space-between}
details{border-top:1px solid var(--line);margin-top:auto}
summary{list-style:none;cursor:pointer;padding:14px 22px;font-size:13px;font-weight:700;color:var(--or2);display:flex;justify-content:space-between;align-items:center}
summary::-webkit-details-marker{display:none}
summary::after{content:'▾';transition:transform .2s}
details[open] summary::after{transform:rotate(180deg)}
.ranks{padding:0 14px 14px}
.rk{display:grid;grid-template-columns:1fr auto auto;gap:10px;align-items:center;padding:9px 8px;border-top:1px solid rgba(255,255,255,.04);font-size:13px}
.rk:first-child{border-top:none}
.rk .nm{color:rgba(255,255,255,.85)}
.rk .ct{color:var(--dim);font-variant-numeric:tabular-nums;font-size:12px}
.rk .st{font-size:11px;font-weight:800;padding:3px 9px;border-radius:20px;min-width:62px;text-align:center}
.st-ok{background:rgba(74,222,128,.12);color:var(--ok)}
.st-full{background:rgba(248,113,113,.1);color:var(--no)}
.st-na{background:rgba(255,255,255,.05);color:var(--dim)}
.empty{background:var(--card);border:1px dashed var(--line);border-radius:18px;padding:50px;text-align:center;color:var(--dim)}

/* ADIMLAR */
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
@media(max-width:820px){.steps{grid-template-columns:1fr}}
.step{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:28px;position:relative;overflow:hidden}
.step .no{font-family:'Bebas Neue';font-size:90px;line-height:.8;color:rgba(247,147,30,.12);position:absolute;right:16px;top:14px}
.step h3{font-size:19px;font-weight:800;margin-bottom:8px}
.step p{font-size:14px;color:var(--mut);margin-bottom:18px}

/* BANNER CTA */
.cta-box{border-radius:24px;padding:56px 40px;text-align:center;background:linear-gradient(135deg,rgba(232,101,10,.25),rgba(247,147,30,.08)),var(--card);border:1px solid rgba(247,147,30,.3)}
.cta-box h2{font-family:'Bebas Neue';font-size:clamp(38px,6vw,58px);letter-spacing:2px;line-height:1}
.cta-box p{color:var(--mut);margin:12px auto 26px;max-width:520px}
.cta-box .cta{justify-content:center}

footer{border-top:1px solid var(--line);padding:30px 0;color:var(--dim);font-size:13px}
footer .wrap{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}
footer a:hover{color:var(--or2)}

/* Alım türleri etiketleri */
.chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:14px}
.chip{font-size:11px;font-weight:600;padding:4px 10px;border-radius:20px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);color:var(--mut)}
.chip-on{background:rgba(247,147,30,.1);border-color:rgba(247,147,30,.35);color:var(--or2)}

/* Neden biz */
.feats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
@media(max-width:980px){.feats{grid-template-columns:repeat(2,1fr)}}
@media(max-width:520px){.feats{grid-template-columns:1fr}}
.feat{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:24px}
.f-ic{width:48px;height:48px;border-radius:13px;background:rgba(247,147,30,.12);display:flex;align-items:center;justify-content:center;font-size:24px;margin-bottom:14px}
.feat h3{font-size:17px;font-weight:800;margin-bottom:6px}
.feat p{font-size:13.5px;color:var(--mut)}

/* Ban etiketleri */
.tag{font-size:10px;font-weight:800;letter-spacing:.8px;text-transform:uppercase;padding:3px 9px;border-radius:20px;white-space:nowrap}
.tag-hile{background:rgba(248,113,113,.12);color:var(--no);border:1px solid rgba(248,113,113,.3)}
.tag-troll{background:rgba(250,204,21,.1);color:#facc15;border:1px solid rgba(250,204,21,.25)}
.tag-agir{background:rgba(232,101,10,.14);color:var(--or2);border:1px solid rgba(232,101,10,.35)}
.tag-diger{background:rgba(255,255,255,.05);color:var(--dim);border:1px solid rgba(255,255,255,.1)}

/* Ana sayfa ban özeti */
.ban-mini{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
@media(max-width:720px){.ban-mini{grid-template-columns:1fr}}
.bm{display:grid;grid-template-columns:auto auto 1fr;gap:12px;align-items:center;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:12px 16px;font-size:13px;min-width:0}
.bm-n{font-weight:700;max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bm-r{color:var(--dim);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:right}

/* SSS */
.faq{display:grid;gap:10px;max-width:860px}
.faq details{background:var(--card);border:1px solid var(--line);border-radius:14px;margin:0}
.faq summary{color:#fff;font-size:15px;padding:18px 22px}
.faq p{padding:0 22px 18px;color:var(--mut);font-size:14px}
.faq code{background:rgba(255,255,255,.08);padding:2px 7px;border-radius:6px;color:var(--or2)}

/* Ban listesi sayfası */
.page-top{padding:120px 0 30px}
.page-top h1{font-family:'Bebas Neue';font-size:clamp(48px,8vw,80px);letter-spacing:2px;line-height:1}
.page-top p{color:var(--mut);max-width:620px;margin-top:10px}
.filters{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin:26px 0 18px}
.filters input{flex:1;min-width:220px;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:12px 16px;color:#fff;font:inherit;font-size:14px;outline:none}
.filters input:focus{border-color:rgba(247,147,30,.5)}
.fbtn{background:var(--card);border:1px solid var(--line);color:var(--mut);border-radius:20px;padding:8px 14px;font:inherit;font-size:13px;font-weight:600;cursor:pointer}
.fbtn.on{background:rgba(247,147,30,.14);border-color:rgba(247,147,30,.45);color:#fff}
.btable{width:100%;border-collapse:collapse;background:var(--card);border:1px solid var(--line);border-radius:16px;overflow:hidden;font-size:14px}
.btable th{text-align:left;font-size:11px;letter-spacing:1.2px;text-transform:uppercase;color:var(--dim);padding:14px 16px;background:var(--card2);font-weight:700}
.btable td{padding:13px 16px;border-top:1px solid rgba(255,255,255,.05);vertical-align:middle}
.btable td.r{color:var(--mut)}
.btable td.s{white-space:nowrap;color:var(--dim);font-size:13px}
.tbl-wrap{overflow-x:auto;border-radius:16px}
@media(max-width:720px){
  .btable thead{display:none}
  .btable,.btable tbody,.btable tr,.btable td{display:block;width:100%}
  .btable tr{border-top:1px solid var(--line);padding:10px 4px}
  .btable td{border:none;padding:4px 14px}
}
.links a.on{color:#fff}

/* Seçim sayfası */
.duyuru{display:flex;gap:18px;background:linear-gradient(135deg,rgba(232,101,10,.18),rgba(247,147,30,.05)),var(--card);border:1px solid rgba(247,147,30,.35);border-radius:20px;padding:26px;margin-bottom:16px}
.duyuru-canli{background:linear-gradient(135deg,rgba(74,222,128,.14),rgba(74,222,128,.03)),var(--card);border-color:rgba(74,222,128,.35)}
.d-ic{font-size:34px;line-height:1}
.d-k{font-size:11px;font-weight:800;letter-spacing:2px;text-transform:uppercase;color:var(--or)}
.duyuru-canli .d-k{color:var(--ok)}
.duyuru h2{font-size:clamp(20px,3vw,26px);font-weight:800;margin:4px 0 6px}
.duyuru p{color:var(--mut);font-size:14.5px}
.duyuru code{background:rgba(255,255,255,.08);padding:2px 7px;border-radius:6px;color:var(--or2)}
.parties{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px}
.party{display:flex;gap:14px;background:var(--card);border:1px solid var(--line);border-left:4px solid var(--c);border-radius:16px;padding:18px}
.p-logo{width:54px;height:54px;flex-shrink:0;border-radius:14px;background:var(--c);display:flex;align-items:center;justify-content:center;font-family:'Bebas Neue';font-size:20px;letter-spacing:1px;color:#fff;overflow:hidden;text-shadow:0 1px 2px rgba(0,0,0,.4)}
.p-logo img{width:100%;height:100%;object-fit:cover}
.party h3{font-size:18px;font-weight:800}
.p-ad{font-size:12.5px;color:var(--dim)}
.p-slg{font-size:12.5px;color:var(--mut);font-style:italic;margin-top:4px}
.p-st{display:flex;gap:12px;margin-top:8px;font-size:12px;color:var(--mut)}
.p-st strong{color:#fff}
.two-col{display:grid;grid-template-columns:1fr 1fr;gap:24px}
@media(max-width:860px){.two-col{grid-template-columns:1fr}}
.h2s{font-family:'Bebas Neue';font-size:40px;letter-spacing:1.5px;line-height:1;margin-top:4px}
.sub{color:var(--mut);font-size:14px;margin:6px 0 16px}
.list{display:grid;gap:8px}
.li{display:flex;align-items:center;gap:12px;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:12px 14px}
.li-av{width:38px;height:38px;flex-shrink:0;border-radius:50%;background:var(--c);display:flex;align-items:center;justify-content:center;font-weight:800;color:#fff}
.li-b{flex:1;min-width:0;display:flex;flex-direction:column}
.li-b span{font-size:12px;color:var(--dim)}
.prt{display:inline-block;font-size:11px;font-weight:800;padding:3px 10px;border-radius:20px;background:color-mix(in srgb,var(--c) 22%,transparent);border:1px solid color-mix(in srgb,var(--c) 60%,transparent);color:#fff;white-space:nowrap}
.box2{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:22px}
.box2 h3{font-size:16px;font-weight:800;margin-bottom:14px}
.vr{margin-bottom:14px}
.vr-h{display:flex;justify-content:space-between;align-items:center;font-size:13px;color:var(--mut);margin-bottom:6px}
.vbar{height:10px;border-radius:6px;background:rgba(255,255,255,.06);overflow:hidden}
.vbar i{display:block;height:100%;border-radius:6px}
.ilce{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-top:1px solid rgba(255,255,255,.05);font-size:14px}
.ilce:first-of-type{border-top:none}
.ilce small{color:var(--dim);margin-left:6px}
/* Birim görevleri */
.gorev{list-style:none;margin-top:14px;display:grid;gap:5px}
.gorev li{font-size:12.5px;color:var(--mut);padding-left:18px;position:relative}
.gorev li::before{content:'▸';position:absolute;left:2px;color:var(--or)}
/* Ana sayfa seçim kutusu */
.secim-teaser{display:grid;grid-template-columns:1.2fr 1fr;gap:20px;align-items:center}
@media(max-width:860px){.secim-teaser{grid-template-columns:1fr}}
.mini-parties{display:flex;flex-wrap:wrap;gap:8px}

/* Menü: öğeler tek satır, sığmayınca gizlenir */
.links{gap:22px}
.links a{white-space:nowrap}
@media(max-width:1180px){.links{gap:16px;font-size:13px}}
@media(max-width:1020px){.links{display:none}}

/* Mobil menü */
.nav-r{display:flex;align-items:center;gap:8px}
.hamb{display:none;width:44px;height:44px;border-radius:12px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);color:#fff;font-size:20px;cursor:pointer}
.mmenu{display:none}
@media(max-width:1020px){
  .hamb{display:flex;align-items:center;justify-content:center}
  .mmenu.acik{display:flex;flex-direction:column;position:fixed;top:70px;left:0;right:0;bottom:0;background:rgba(11,7,4,.98);backdrop-filter:blur(12px);padding:16px 20px 30px;overflow-y:auto;z-index:60;border-top:1px solid var(--line)}
  .mmenu a{padding:15px 6px;font-size:17px;font-weight:600;border-bottom:1px solid rgba(255,255,255,.06)}
  .mmenu a.btn{border-bottom:none;justify-content:center}
  nav:has(.mmenu.acik){background:rgba(11,7,4,.98)}
}
@media(max-width:480px){
  .nav-r .btn-or{padding:10px 14px;font-size:13px}
  .brand b{font-size:20px}
  .brand img{width:34px;height:34px}
  .wrap{padding:0 16px}
}