/* VEGA STAR — onaylanan tasarim (2 Eyl 2026). Kaynak: tasarim3.html */
:root{
  --gece:#0A1017;
  --gece-2:#101A24;
  --gece-3:#16232F;
  --kagit:#F3F5F8;
  --kagit-2:#E9EDF2;
  --yuzey:#FFFFFF;
  --murekkep:#0D151E;
  --murekkep-2:#465666;
  --soluk:#7A889A;
  --cizgi:#E1E6EC;
  --cizgi-2:#CCD5DF;
  --altin:#E9A72C;
  --altin-2:#FFC24D;
  --altin-koyu:#A9760D;
  --altin-zemin:#FDF4E3;
  --canli:#12A55E;
  --kapali:#C4443A;
  --kes:14px;
  --kes-s:9px;
  --d:"Chakra Petch",ui-sans-serif,system-ui,sans-serif;
  --g:"Barlow",ui-sans-serif,system-ui,sans-serif;
  --m:"JetBrains Mono",ui-monospace,"SFMono-Regular",monospace;
}
*{box-sizing:border-box;}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;}
html{background:var(--kagit);}
body{
  margin:0;color:var(--murekkep);font-family:var(--g);font-size:16px;line-height:1.62;
  -webkit-font-smoothing:antialiased;background:transparent;
  /* Yapiskan alt bar: icerik kisa oldugunda footer sayfanin ortasinda asili
     kalmasin, ekranin dibine otursun. Uzun sayfalarda hicbir sey degismez. */
  min-height:100vh;display:flex;flex-direction:column;
}
footer{margin-top:auto;}
body::before{
  content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;
  background:
    radial-gradient(760px 420px at 88% 6%, rgba(233,167,44,.11), transparent 62%),
    radial-gradient(680px 400px at 4% 46%, rgba(37,86,140,.07), transparent 60%),
    repeating-linear-gradient(0deg, rgba(13,21,30,.028) 0 1px, transparent 1px 46px),
    repeating-linear-gradient(90deg, rgba(13,21,30,.028) 0 1px, transparent 1px 46px);
}
.wrap{max-width:1220px;margin:0 auto;padding:0 26px;}
a{color:inherit;}
button{font:inherit;color:inherit;}
img{display:block;max-width:100%;}
:focus-visible{outline:2px solid var(--altin);outline-offset:3px;}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;}}

.et{font-family:var(--m);font-size:10.5px;font-weight:500;letter-spacing:.19em;
    text-transform:uppercase;color:var(--soluk);}
.kesik{clip-path:polygon(0 0,calc(100% - var(--kes)) 0,100% var(--kes),
                         100% 100%,var(--kes) 100%,0 calc(100% - var(--kes)));}
.kesik-s{clip-path:polygon(0 0,calc(100% - var(--kes-s)) 0,100% var(--kes-s),
                           100% 100%,var(--kes-s) 100%,0 calc(100% - var(--kes-s)));}

/* ══════════ ust bar ══════════ */
.top{position:fixed;top:0;left:0;right:0;z-index:60;transition:background .3s ease,border-color .3s ease;border-bottom:1px solid transparent;}
.top[data-kaydi="1"]{background:rgba(255,255,255,.97);
                     border-bottom-color:var(--cizgi);}
.top .wrap{display:flex;align-items:center;gap:22px;height:68px;}
.mark{display:flex;align-items:center;gap:9px;text-decoration:none;}
.mark .yildiz{width:10px;height:10px;background:var(--altin-2);transform:rotate(45deg);
              flex:0 0 auto;box-shadow:0 0 12px rgba(255,194,77,.6);}
.mark b{font-family:var(--d);font-weight:700;font-size:21px;letter-spacing:.09em;
        color:#fff;transition:color .3s ease;}
.top[data-kaydi="1"] .mark b{color:var(--murekkep);}
.top nav{display:flex;gap:24px;margin-left:18px;}
.top nav a{font-family:var(--d);font-weight:600;font-size:13.5px;letter-spacing:.05em;
           text-transform:uppercase;color:rgba(255,255,255,.72);text-decoration:none;
           transition:color .3s ease;}
.top[data-kaydi="1"] nav a{color:var(--murekkep-2);}
.top nav a:hover{color:var(--altin-2);}
.top[data-kaydi="1"] nav a:hover{color:var(--altin-koyu);}
.top .sag{margin-left:auto;display:flex;align-items:center;gap:14px;}
.mini{display:flex;align-items:center;gap:8px;font-family:var(--m);font-size:11.5px;
      color:rgba(255,255,255,.8);transition:color .3s ease;}
.top[data-kaydi="1"] .mini{color:var(--murekkep-2);}
.puls{width:7px;height:7px;border-radius:50%;background:var(--canli);flex:0 0 auto;
      box-shadow:0 0 0 3px rgba(18,165,94,.2);}
.btn{border:0;cursor:pointer;font-family:var(--d);font-weight:700;letter-spacing:.045em;
     text-transform:uppercase;text-decoration:none;display:inline-block;text-align:center;
     transition:background .2s ease,color .2s ease,transform .2s ease;}
.btn-altin{background:var(--altin);color:#241802;padding:12px 24px;font-size:13.5px;}
.btn-altin:hover{background:var(--altin-2);transform:translateY(-1px);}
.btn-hayalet{background:rgba(255,255,255,.08);color:#fff;padding:12px 24px;font-size:13.5px;
             box-shadow:inset 0 0 0 1px rgba(255,255,255,.24);}
.btn-hayalet:hover{background:rgba(255,255,255,.16);}
.top[data-kaydi="1"] .btn-hayalet{background:var(--murekkep);color:#fff;box-shadow:none;}
@media(max-width:1000px){.top nav,.mini{display:none;}}

/* ══════════ HERO ══════════ */
.hero{position:relative;isolation:isolate;overflow:hidden;padding:150px 0 108px;
      background:var(--gece);
      clip-path:polygon(0 0,100% 0,100% calc(100% - 46px),0 100%);}
/* Bulaniklik, doygunluk ve parlaklik GORUNTUYE GOMULU (gorsel/hero.jpg).
   Onceki surum bunlari CSS filter ile yapiyordu; tarayici o katmani hero
   ekranda oldugu HER KAREDE yeniden isliyor, sayfa hero boyunca kasip
   gecince akiciliyordu. Artik calisma aninda hicbir filtre yok. */
.hero-bg{position:absolute;inset:0;z-index:-3;background-size:cover;
         background-position:center 42%;}
.hero::before{content:"";position:absolute;inset:0;z-index:-2;
  background:
    radial-gradient(900px 520px at 78% 22%, rgba(233,167,44,.24), transparent 60%),
    linear-gradient(104deg, rgba(10,16,23,.96) 6%, rgba(10,16,23,.80) 46%, rgba(10,16,23,.62) 100%),
    linear-gradient(180deg, rgba(10,16,23,.72) 0%, transparent 34%, rgba(10,16,23,.88) 100%);}
.hero::after{content:"";position:absolute;inset:0;z-index:-1;opacity:.42;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23n)' opacity='.42'/%3E%3C/svg%3E");}
.hero .wrap{position:relative;display:grid;gap:44px;grid-template-columns:1fr;}
@media(min-width:1000px){.hero .wrap{grid-template-columns:1.28fr .92fr;gap:60px;align-items:center;}}

.hero .et{color:var(--altin-2);display:flex;align-items:center;gap:10px;}
.hero .et::before{content:"";width:26px;height:2px;background:var(--altin);flex:0 0 auto;}
h1{font-family:var(--d);font-weight:700;text-transform:uppercase;color:#fff;
   font-size:clamp(42px,6.6vw,78px);line-height:.96;letter-spacing:.005em;
   margin:16px 0 0;text-wrap:balance;text-shadow:0 2px 30px rgba(0,0,0,.4);}
h1 em{font-style:normal;color:var(--altin-2);}
.hero p.lead{margin:20px 0 0;font-size:17.5px;color:#B9C6D3;max-width:50ch;}
.hero .dugmeler{display:flex;gap:13px;margin-top:30px;flex-wrap:wrap;}

/* HUD panel */
.hud{position:relative;background:rgba(11,18,26,.88);
     box-shadow:inset 0 0 0 1px rgba(255,255,255,.11);padding:20px 22px 8px;}
.hud::before,.hud::after{content:"";position:absolute;width:18px;height:18px;
                         border:2px solid var(--altin);}
.hud::before{top:-1px;left:-1px;border-right:0;border-bottom:0;}
.hud::after{bottom:-1px;right:-1px;border-left:0;border-top:0;}
.hud h2{font-family:var(--d);font-weight:600;font-size:12px;letter-spacing:.19em;
        text-transform:uppercase;color:#8FA0B2;margin:0 0 14px;}
.hud-satir{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;
           padding:13px 0;border-top:1px solid rgba(255,255,255,.09);}
.hud-satir:first-of-type{border-top:0;}
.hud-satir .ad{font-family:var(--d);font-weight:700;font-size:16px;color:#fff;
               letter-spacing:.04em;}
.hud-satir .mp{font-family:var(--m);font-size:11px;color:#7E8EA0;}
.hud-satir .sag{display:flex;align-items:center;gap:9px;font-family:var(--m);
                font-size:12px;color:#C6D2DE;}
.hud-satir.off .sag{color:#D98074;}
.hud-satir.off .puls{background:var(--kapali);box-shadow:0 0 0 3px rgba(196,68,58,.18);}
.hud-satir.bos .puls{background:#5D6E80;box-shadow:none;}
.hud-alt{border-top:1px solid rgba(255,255,255,.09);margin-top:2px;padding:11px 0 12px;
         font-family:var(--m);font-size:10.5px;color:#6F7F91;letter-spacing:.05em;}

/* ══════════ serit ══════════ */
.serit{background:var(--gece-2);color:#93A6B8;margin-top:-1px;}
.serit .wrap{display:flex;flex-wrap:wrap;gap:12px 34px;align-items:center;
             padding-top:15px;padding-bottom:15px;font-family:var(--m);font-size:11.5px;}
.serit b{color:var(--altin-2);font-weight:500;}
.serit .ayrac{color:#3A4B5C;}
.serit .sag{margin-left:auto;color:#647688;}

/* ══════════ bolum ══════════ */
.bolum{padding:74px 0;}
.bolum-bas{display:flex;align-items:flex-end;gap:22px;flex-wrap:wrap;margin:0 0 34px;}
.bolum-bas h2{font-family:var(--d);font-weight:700;text-transform:uppercase;
              font-size:clamp(28px,3.8vw,42px);letter-spacing:.012em;margin:9px 0 0;
              line-height:1;}
.bolum-bas h2 em{font-style:normal;color:var(--altin-koyu);}
.bolum-bas .et{display:flex;align-items:center;gap:9px;}
.bolum-bas .et::before{content:"";width:22px;height:2px;background:var(--altin);}
.bolum-bas p{margin:0 0 3px;color:var(--murekkep-2);font-size:15px;}
.sayac-kutu{margin-left:auto;background:var(--yuzey);box-shadow:0 1px 2px rgba(13,21,30,.06),
            inset 0 0 0 1px var(--cizgi);padding:12px 18px;text-align:right;}
.sayac-kutu .et{display:block;margin-bottom:2px;}
.sayac-kutu .v{font-family:var(--m);font-size:21px;font-weight:700;letter-spacing:-.02em;
               font-variant-numeric:tabular-nums;}

/* ══════════ sunucu kartlari ══════════ */
.kartlar{display:grid;gap:24px;grid-template-columns:1fr;}
@media(min-width:740px){.kartlar{grid-template-columns:repeat(2,1fr);}}
@media(min-width:1040px){.kartlar{grid-template-columns:repeat(3,1fr);}}
.kart-sar{filter:drop-shadow(0 14px 26px rgba(13,21,30,.15));
          transition:transform .25s ease;}
.kart-sar:hover{transform:translateY(-4px);}
.kart{background:var(--yuzey);display:flex;flex-direction:column;height:100%;
      box-shadow:inset 0 0 0 1px var(--cizgi);}
.foto{position:relative;aspect-ratio:16/9;overflow:hidden;background:var(--kagit-2);}
.foto img{width:100%;height:100%;object-fit:cover;transition:transform .55s ease;}
.kart-sar:hover .foto img{transform:scale(1.06);}
.foto::after{content:"";position:absolute;inset:0;
  background:linear-gradient(180deg,rgba(10,16,23,.55) 0%,rgba(10,16,23,0) 46%,
                             rgba(10,16,23,.28) 100%);}
.rozet{position:absolute;top:12px;left:12px;z-index:2;display:flex;align-items:center;
       gap:7px;background:rgba(255,255,255,.95);padding:6px 12px;
       font-family:var(--m);font-size:11px;font-weight:500;
       clip-path:polygon(0 0,calc(100% - 7px) 0,100% 7px,100% 100%,7px 100%,0 calc(100% - 7px));}
.rozet.off{color:var(--kapali);}
.rozet.off .puls{background:var(--kapali);box-shadow:0 0 0 3px rgba(196,68,58,.16);}
.rozet.bos .puls{background:#A9B6C3;box-shadow:none;}
.foto .mp{position:absolute;bottom:11px;left:13px;z-index:2;font-family:var(--m);
          font-size:11px;color:rgba(255,255,255,.92);letter-spacing:.05em;
          text-shadow:0 1px 4px rgba(0,0,0,.7);}
.kart-ic{padding:19px 21px 21px;display:flex;flex-direction:column;flex:1;}
.kart-ic h3{font-family:var(--d);font-weight:700;text-transform:uppercase;font-size:25px;
            letter-spacing:.045em;margin:0 0 4px;line-height:1;}
.etiketler{display:flex;gap:7px;flex-wrap:wrap;margin:0 0 17px;}
.cip{font-family:var(--m);font-size:10px;letter-spacing:.06em;padding:4px 9px;
     background:var(--kagit);color:var(--murekkep-2);box-shadow:inset 0 0 0 1px var(--cizgi);}
.lider-kutu{background:var(--altin-zemin);box-shadow:inset 0 0 0 1px #F1E0BC;
            padding:12px 14px;margin:0 0 18px;position:relative;}
.lider-kutu::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;
                    background:var(--altin);}
.lider-kutu .et{display:block;margin-bottom:6px;color:#8E6A15;}
.lider-satir{display:flex;align-items:baseline;gap:10px;}
.lider-satir .ad{font-weight:600;font-size:16.5px;overflow:hidden;
                 text-overflow:ellipsis;white-space:nowrap;}
.lider-satir .xp{margin-left:auto;font-family:var(--m);font-weight:700;font-size:15px;
                 color:var(--altin-koyu);font-variant-numeric:tabular-nums;}
.kart .btn{margin-top:auto;width:100%;padding:14px;font-size:14px;}
.btn-pasif{background:var(--kagit-2);color:var(--soluk);pointer-events:none;}

/* ══════════ haftalik yaris ══════════ */
.yaris{display:grid;gap:22px;grid-template-columns:1fr;}
@media(min-width:740px){.yaris{grid-template-columns:repeat(2,1fr);}}
@media(min-width:1040px){.yaris{grid-template-columns:repeat(3,1fr);}}
.sutun{background:var(--yuzey);box-shadow:inset 0 0 0 1px var(--cizgi),
       0 2px 5px rgba(13,21,30,.05);}
.sutun-bas{display:flex;align-items:center;gap:11px;padding:15px 19px;
           border-bottom:1px solid var(--cizgi);background:#FAFBFD;}
.sutun-bas h3{font-family:var(--d);font-weight:700;text-transform:uppercase;font-size:17px;
              letter-spacing:.05em;margin:0;}
.sutun-bas .fark{margin-left:auto;font-family:var(--m);font-size:10.5px;color:var(--soluk);}
.sira{padding:5px 19px 17px;}
.satir{display:grid;grid-template-columns:20px 1fr auto;gap:11px;align-items:center;
       padding:9px 0 9px;border-bottom:1px solid var(--cizgi);position:relative;}
.satir:last-child{border-bottom:0;}
.satir .n{font-family:var(--m);font-size:11.5px;color:var(--soluk);
          font-variant-numeric:tabular-nums;}
.satir .a{font-size:14.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.satir .x{font-family:var(--m);font-size:13px;font-weight:500;color:var(--murekkep-2);
          font-variant-numeric:tabular-nums;}
.satir .cubuk{position:absolute;left:31px;bottom:-1px;height:2px;background:var(--cizgi-2);}
.satir.bir{padding:13px 0;}
.satir.bir .n{color:var(--altin-koyu);font-weight:700;}
.satir.bir .a{font-weight:700;font-size:17.5px;}
.satir.bir .x{color:var(--altin-koyu);font-weight:700;font-size:16px;}
.satir.bir .cubuk{background:var(--altin);height:3px;}
.not{padding:0 19px 15px;font-family:var(--m);font-size:10.5px;color:var(--soluk);}

/* ══════════ podyum ══════════ */
.podyum{display:grid;gap:22px;grid-template-columns:1fr;margin:0 0 24px;}
@media(min-width:700px){.podyum{grid-template-columns:repeat(3,1fr);}}
.pod{position:relative;overflow:hidden;background:var(--yuzey);padding:24px 22px 22px;
     box-shadow:inset 0 0 0 1px var(--cizgi),0 2px 6px rgba(13,21,30,.06);}
.pod .buyuk{position:absolute;right:-6px;top:-22px;font-family:var(--d);font-weight:700;
            font-size:112px;line-height:1;color:var(--kagit-2);z-index:0;
            letter-spacing:-.04em;}
.pod > *{position:relative;z-index:1;}
.pod .et{display:block;margin-bottom:9px;}
.pod .isim{font-family:var(--d);font-weight:700;font-size:23px;letter-spacing:.01em;
           margin:0 0 3px;line-height:1.15;overflow-wrap:anywhere;}
.pod .xp{font-family:var(--m);font-size:26px;font-weight:700;letter-spacing:-.025em;
         font-variant-numeric:tabular-nums;margin:0 0 14px;}
.pod .olcu{display:flex;gap:22px;border-top:1px solid var(--cizgi);padding-top:12px;}
.pod .olcu div{display:flex;flex-direction:column;gap:1px;}
.pod .olcu b{font-family:var(--m);font-size:14px;font-weight:700;
             font-variant-numeric:tabular-nums;}
.pod .olcu span{font-family:var(--m);font-size:9.5px;letter-spacing:.13em;
                text-transform:uppercase;color:var(--soluk);}
.pod.altin{background:linear-gradient(150deg,#FFFDF8 0%,#FDF3E0 100%);
           box-shadow:inset 0 0 0 1px #EFDDB6,0 4px 14px rgba(169,118,13,.14);}
.pod.altin .buyuk{color:rgba(233,167,44,.17);}
.pod.altin .isim,.pod.altin .xp{color:#8A6614;}
.pod.altin .olcu{border-top-color:#EFDDB6;}

/* ══════════ tablo ══════════ */
.tablo-sar{background:var(--yuzey);box-shadow:inset 0 0 0 1px var(--cizgi),
           0 2px 5px rgba(13,21,30,.05);overflow-x:auto;}
table{width:100%;border-collapse:collapse;min-width:640px;}
thead th{font-family:var(--m);font-size:9.5px;letter-spacing:.15em;text-transform:uppercase;
         color:var(--soluk);font-weight:500;text-align:left;padding:14px 20px;
         background:#FAFBFD;border-bottom:1px solid var(--cizgi);}
tbody td{padding:13px 20px;border-bottom:1px solid var(--cizgi);font-size:15px;}
tbody tr:last-child td{border-bottom:0;}
tbody tr:hover td{background:#FAFBFD;}
.t-no{font-family:var(--m);color:var(--soluk);width:54px;font-size:13px;
      font-variant-numeric:tabular-nums;}
.t-ad{font-weight:600;}
.t-say{font-family:var(--m);text-align:right;font-variant-numeric:tabular-nums;
       font-size:13.5px;color:var(--murekkep-2);white-space:nowrap;}
.t-say.ana{color:var(--murekkep);font-weight:700;font-size:14.5px;}

/* ══════════ kayit (koyu) ══════════ */
.kayit{position:relative;background:var(--gece);color:#E7EDF3;overflow:hidden;
       margin-top:24px;clip-path:polygon(0 46px,100% 0,100% 100%,0 100%);}
.kayit::before{content:"";position:absolute;inset:0;
  background:radial-gradient(700px 420px at 12% 108%, rgba(233,167,44,.16), transparent 62%),
             repeating-linear-gradient(90deg, rgba(255,255,255,.022) 0 1px, transparent 1px 44px);}
.kayit .wrap{position:relative;display:grid;gap:40px;padding-top:96px;padding-bottom:76px;
             grid-template-columns:1fr;}
@media(min-width:900px){.kayit .wrap{grid-template-columns:1fr 1fr;gap:66px;align-items:center;}}
.kayit .et{color:var(--altin-2);display:flex;align-items:center;gap:9px;}
.kayit .et::before{content:"";width:22px;height:2px;background:var(--altin);}
.kayit h2{font-family:var(--d);font-weight:700;text-transform:uppercase;
          font-size:clamp(28px,3.8vw,42px);letter-spacing:.012em;margin:12px 0 16px;
          line-height:1.02;}
.kayit h2 em{font-style:normal;color:var(--altin-2);}
.kayit p{margin:0 0 26px;color:#AEBDCB;font-size:16.5px;max-width:46ch;}
ol.adim{list-style:none;margin:0;padding:0;
        box-shadow:inset 0 0 0 1px rgba(255,255,255,.11);}
.adim li{display:flex;gap:17px;align-items:flex-start;padding:19px 22px;
         border-bottom:1px solid rgba(255,255,255,.09);}
.adim li:last-child{border-bottom:0;}
.adim b{font-family:var(--m);font-size:12px;font-weight:700;color:var(--altin-2);
        flex:0 0 auto;padding-top:3px;}
.adim span{color:#C2D0DD;font-size:15.5px;}
.adim code{font-family:var(--m);color:var(--altin-2);font-size:14px;
           background:rgba(233,167,44,.11);padding:2px 7px;}

footer{background:var(--gece-2);color:#8B9DAF;padding:28px 0;}
footer .wrap{display:flex;flex-wrap:wrap;gap:18px;align-items:center;
             font-family:var(--m);font-size:11.5px;}
footer a{color:#BDCAD7;text-decoration:none;}
footer a:hover{color:var(--altin-2);}
footer .sag{margin-left:auto;display:flex;gap:24px;flex-wrap:wrap;}

/* ══════════ modal ══════════ */
.ov{position:fixed;inset:0;z-index:95;display:none;background:rgba(10,16,23,.62);
    backdrop-filter:blur(5px);padding:24px;overflow-y:auto;}
.ov[data-ac="1"]{display:flex;align-items:flex-start;justify-content:center;}
.modal{width:100%;max-width:432px;margin:auto;background:var(--yuzey);
       box-shadow:inset 0 0 0 1px var(--cizgi-2),0 30px 60px -18px rgba(10,16,23,.5);
       padding:34px 30px 26px;position:relative;}
.modal h3{font-family:var(--d);font-weight:700;text-transform:uppercase;font-size:26px;
          letter-spacing:.03em;margin:0 0 7px;line-height:1;}
.modal .alt{color:var(--murekkep-2);font-size:14.5px;margin:0 0 22px;}
.x{position:absolute;top:16px;right:16px;background:none;border:0;cursor:pointer;
   color:var(--soluk);font-size:17px;line-height:1;padding:6px;}
.x:hover{color:var(--murekkep);}
.step{display:none;} .step[data-on="1"]{display:block;}
.ipucu{background:var(--kagit);box-shadow:inset 0 0 0 1px var(--cizgi);padding:14px 16px;
       margin:0 0 20px;font-size:14.5px;color:var(--murekkep-2);}
.ipucu code{font-family:var(--m);color:var(--altin-koyu);font-weight:500;}
.alan{display:block;margin:0 0 15px;}
.alan span{display:block;font-family:var(--m);font-size:10px;letter-spacing:.15em;
           text-transform:uppercase;color:var(--soluk);margin-bottom:6px;}
.alan input{width:100%;background:var(--yuzey);border:1px solid var(--cizgi-2);
            color:var(--murekkep);padding:12px 13px;font-family:var(--m);font-size:14.5px;}
.alan input:focus{outline:none;border-color:var(--altin);
                  box-shadow:0 0 0 3px rgba(233,167,44,.2);}
.alan input::placeholder{color:#ADBAC7;}
.alan.kod input{font-size:23px;letter-spacing:.34em;text-align:center;font-weight:700;
                color:var(--altin-koyu);}
.dolgu{width:100%;border:0;cursor:pointer;padding:14px;margin-top:6px;
       background:var(--murekkep);color:#fff;font-family:var(--d);font-weight:700;
       font-size:15px;text-transform:uppercase;letter-spacing:.05em;}
.dolgu:hover{background:#1E2C3A;}
.uyari{font-family:var(--m);font-size:12px;color:var(--kapali);margin:0 0 12px;min-height:17px;}
.mfoot{margin:20px 0 0;padding-top:15px;border-top:1px solid var(--cizgi);
       font-size:13.5px;color:var(--murekkep-2);}
.mfoot button{background:none;border:0;padding:0;cursor:pointer;color:var(--altin-koyu);
              font-size:13.5px;font-weight:700;text-decoration:underline;
              text-underline-offset:3px;}
.tamam{text-align:center;}
.tamam .tik{width:54px;height:54px;margin:0 auto 15px;background:var(--altin-zemin);
            box-shadow:inset 0 0 0 1px #F1E0BC;display:flex;align-items:center;
            justify-content:center;font-size:26px;color:var(--altin-koyu);}
.posta{font-family:var(--m);font-size:13.5px;background:var(--kagit);
       box-shadow:inset 0 0 0 1px var(--cizgi);padding:11px;margin:16px 0 0;
       overflow-wrap:anywhere;}

/* ════════════════════════════════════════════════════════════════
   Form sayfalari (kayit, giris, hesap, siralama) — tasarim diline
   sadik kalarak eklendi. Yukarisi ana sayfanin onaylanan stili.
   ════════════════════════════════════════════════════════════════ */

.top nav a.secili{color:var(--altin-2);}
.top[data-kaydi="1"] nav a.secili{color:var(--altin-koyu);}

/* Sade ust bar: hero'su olmayan sayfalarda hep beyaz durur. */
.top.duz{position:sticky;background:rgba(255,255,255,.97);border-bottom-color:var(--cizgi);}
body.sade main{padding-top:34px;}

/* ── sayfa basligi ── */
.sayfa-bas{padding:52px 0 30px;}
.sayfa-bas .et{display:flex;align-items:center;gap:9px;}
.sayfa-bas .et::before{content:"";width:22px;height:2px;background:var(--altin);}
.sayfa-bas h1{font-family:var(--d);font-weight:700;text-transform:uppercase;color:var(--murekkep);
              font-size:clamp(30px,4.4vw,48px);letter-spacing:.012em;line-height:1;
              margin:11px 0 0;text-shadow:none;}
.sayfa-bas h1 em{font-style:normal;color:var(--altin-koyu);}
.sayfa-bas p{margin:12px 0 0;color:var(--murekkep-2);font-size:16px;max-width:56ch;}

/* ── dar form kutusu ── */
.form-sar{max-width:452px;margin:0 auto;padding:0 0 72px;}
.kutu{background:var(--yuzey);box-shadow:inset 0 0 0 1px var(--cizgi),
      0 3px 8px rgba(13,21,30,.06),0 22px 44px -24px rgba(13,21,30,.3);
      padding:34px 32px 28px;}
.kutu h1{font-family:var(--d);font-weight:700;text-transform:uppercase;font-size:27px;
         letter-spacing:.03em;margin:0 0 7px;line-height:1;color:var(--murekkep);
         text-shadow:none;}
.kutu p.alt{color:var(--murekkep-2);font-size:14.5px;margin:0 0 22px;}

.adimlar-cizgi{display:flex;gap:6px;margin:0 0 24px;}
.adimlar-cizgi span{flex:1;height:3px;background:var(--cizgi);}
.adimlar-cizgi span.gecti{background:var(--altin-koyu);}
.adimlar-cizgi span.simdi{background:var(--altin-2);}

.ipucu{background:var(--kagit);box-shadow:inset 0 0 0 1px var(--cizgi);padding:14px 16px;
       margin:0 0 20px;font-size:14.5px;color:var(--murekkep-2);}
.ipucu code{font-family:var(--m);color:var(--altin-koyu);font-weight:500;}

.alan{display:block;margin:0 0 15px;}
.alan span.bs{display:block;font-family:var(--m);font-size:10px;letter-spacing:.15em;
              text-transform:uppercase;color:var(--soluk);margin-bottom:6px;}
.alan input{width:100%;background:var(--yuzey);border:1px solid var(--cizgi-2);
            color:var(--murekkep);padding:12px 13px;font-family:var(--m);font-size:14.5px;}
.alan input:focus{outline:none;border-color:var(--altin);
                  box-shadow:0 0 0 3px rgba(233,167,44,.2);}
.alan input::placeholder{color:#ADBAC7;}
.alan input[aria-invalid="true"]{border-color:var(--kapali);}
.alan .yardim{display:block;margin-top:5px;font-size:12.5px;color:var(--soluk);}
.alan.kod input{font-size:24px;letter-spacing:.34em;text-align:center;font-weight:700;
                color:var(--altin-koyu);text-transform:uppercase;}

.dolgu{width:100%;border:0;cursor:pointer;padding:14px;margin-top:6px;
       background:var(--murekkep);color:#fff;font-family:var(--d);font-weight:700;
       font-size:15px;text-transform:uppercase;letter-spacing:.05em;
       transition:background .18s ease;}
.dolgu:hover{background:#1E2C3A;}
.dolgu:disabled{background:var(--cizgi-2);cursor:not-allowed;}

.mfoot{margin:20px 0 0;padding-top:15px;border-top:1px solid var(--cizgi);
       font-size:13.5px;color:var(--murekkep-2);}
.mfoot a{color:var(--altin-koyu);font-weight:700;text-decoration:underline;
         text-underline-offset:3px;}

/* ── bildirimler ── */
.bildirim{padding:13px 16px 13px 19px;margin:0 0 20px;font-size:14.5px;position:relative;}
.bildirim::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;}
.bildirim.hata{background:#FDF1F0;color:#8E2B23;box-shadow:inset 0 0 0 1px #F3D6D3;}
.bildirim.hata::before{background:var(--kapali);}
.bildirim.iyi{background:#EFF9F4;color:#0B6A3D;box-shadow:inset 0 0 0 1px #CFE9DC;}
.bildirim.iyi::before{background:var(--canli);}
.bildirim.uyari{background:var(--altin-zemin);color:#7E5D0F;box-shadow:inset 0 0 0 1px #F1E0BC;}
.bildirim.uyari::before{background:var(--altin);}
.bildirim a{color:inherit;font-weight:700;}

/* ── onay ekrani ── */
.tamam{text-align:center;}
.tamam .tik{width:56px;height:56px;margin:0 auto 16px;background:var(--altin-zemin);
            box-shadow:inset 0 0 0 1px #F1E0BC;display:flex;align-items:center;
            justify-content:center;font-size:27px;color:var(--altin-koyu);}
.posta-kutu{font-family:var(--m);font-size:13.5px;background:var(--kagit);
            box-shadow:inset 0 0 0 1px var(--cizgi);padding:12px;margin:16px 0 0;
            overflow-wrap:anywhere;}

/* ── hesap sayfasi ── */
.hesap-izgara{display:grid;gap:22px;grid-template-columns:1fr;padding-bottom:72px;}
@media(min-width:900px){.hesap-izgara{grid-template-columns:1.15fr .85fr;align-items:start;}}
.panel{background:var(--yuzey);box-shadow:inset 0 0 0 1px var(--cizgi),
       0 2px 5px rgba(13,21,30,.05);}
.panel-bas{padding:15px 20px;border-bottom:1px solid var(--cizgi);background:#FAFBFD;
           display:flex;align-items:center;gap:10px;}
.panel-bas h2{font-family:var(--d);font-weight:700;text-transform:uppercase;font-size:16px;
              letter-spacing:.06em;margin:0;}
.panel-bas .sagbilgi{margin-left:auto;font-family:var(--m);font-size:10.5px;color:var(--soluk);}
.panel-ic{padding:20px;}
.ikili{display:grid;grid-template-columns:auto 1fr;gap:11px 20px;align-items:baseline;
       margin:0;}
.ikili dt{font-family:var(--m);font-size:10px;letter-spacing:.14em;text-transform:uppercase;
          color:var(--soluk);}
.ikili dd{margin:0;font-size:15.5px;overflow-wrap:anywhere;}
.ikili dd.tek{font-family:var(--m);font-size:14px;}

.rozet-durum{display:inline-flex;align-items:center;gap:7px;font-family:var(--m);
             font-size:11px;padding:5px 11px;background:var(--kagit);
             box-shadow:inset 0 0 0 1px var(--cizgi);}
.rozet-durum.iyi{background:#EFF9F4;color:#0B6A3D;box-shadow:inset 0 0 0 1px #CFE9DC;}
.rozet-durum.bekliyor{background:var(--altin-zemin);color:#7E5D0F;
                      box-shadow:inset 0 0 0 1px #F1E0BC;}

.olcu-izgara{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--cizgi);}
@media(min-width:560px){.olcu-izgara{grid-template-columns:repeat(4,1fr);}}
.olcu-izgara div{background:var(--yuzey);padding:17px 18px;}
.olcu-izgara b{display:block;font-family:var(--m);font-size:21px;font-weight:700;
               letter-spacing:-.02em;font-variant-numeric:tabular-nums;line-height:1.2;}
.olcu-izgara span{display:block;font-family:var(--m);font-size:9.5px;letter-spacing:.13em;
                  text-transform:uppercase;color:var(--soluk);margin-top:2px;}

/* ── siralama sayfasi sekmeleri ── */
.sekmeler{display:flex;flex-wrap:wrap;margin:0 0 26px;box-shadow:inset 0 -1px 0 var(--cizgi);}
.sekmeler a{font-family:var(--d);font-weight:700;text-transform:uppercase;font-size:13.5px;
            letter-spacing:.05em;padding:13px 20px;text-decoration:none;
            color:var(--murekkep-2);border-bottom:3px solid transparent;}
.sekmeler a:hover{color:var(--murekkep);}
.sekmeler a.secili{color:var(--murekkep);border-bottom-color:var(--altin);}

.bos-durum{background:var(--yuzey);box-shadow:inset 0 0 0 1px var(--cizgi);
           padding:44px 26px;text-align:center;color:var(--murekkep-2);}
.bos-durum p{margin:0;font-size:15.5px;}

/* ── baglan sayfasi ── */
.baglan-sar{max-width:520px;margin:0 auto;padding:64px 0 90px;text-align:center;}
.baglan-sar .foto{aspect-ratio:16/9;overflow:hidden;margin-bottom:26px;
                  box-shadow:0 14px 30px rgba(13,21,30,.2);}
.baglan-sar h1{font-family:var(--d);font-weight:700;text-transform:uppercase;font-size:34px;
               letter-spacing:.03em;margin:0 0 8px;line-height:1;color:var(--murekkep);
               text-shadow:none;}
.baglan-sar p{color:var(--murekkep-2);font-size:16px;margin:0 0 24px;}
.baglan-sar .btn{padding:15px 34px;font-size:15px;}
.baglan-sar .adres{font-family:var(--m);font-size:13px;color:var(--soluk);margin-top:20px;}

/* ── veri bayat uyarisi ── */
.bayat{background:var(--altin-zemin);box-shadow:inset 0 -1px 0 #F1E0BC;color:#7E5D0F;
       font-family:var(--m);font-size:11.5px;padding:9px 0;}
.bayat .wrap{display:flex;gap:10px;align-items:center;flex-wrap:wrap;}

/* ════════════════════════════════════════════════════════════════
   Sunucu karti v2 (2 Eyl 2026)
   Referans: oyun sunucusu listelerinin klasik duzeni — ozellik satirlari,
   doluluk cubugu, adres kopyalama. Bizim acik temamiza uyarlandi.
   ════════════════════════════════════════════════════════════════ */

/* Rozet artik gorselin uzerinde degil, kartin icinde doluluk satirinda:
   gorselin uzerindeki etiket haritayi ortuyordu ve durum bilgisi
   sayilarin yaninda dururken daha okunakli. */
.kart-ic .ozellik{display:grid;grid-template-columns:auto 1fr;gap:8px 16px;
                  margin:0 0 16px;align-items:baseline;}
.kart-ic .ozellik dt{font-family:var(--m);font-size:10px;letter-spacing:.14em;
                     text-transform:uppercase;color:var(--soluk);}
.kart-ic .ozellik dd{margin:0;font-size:14.5px;font-weight:600;text-align:right;
                     overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.kart-ic .ozellik dd.tek{font-family:var(--m);font-size:12.5px;font-weight:500;
                         color:var(--murekkep-2);}

.doluluk{margin:0 0 16px;}
.doluluk-ust{display:flex;align-items:center;gap:10px;margin-bottom:7px;}
.doluluk-sayi{margin-left:auto;font-family:var(--m);font-size:13px;font-weight:700;
              font-variant-numeric:tabular-nums;}
.rozet-satir{display:inline-flex;align-items:center;gap:7px;font-family:var(--m);
             font-size:11px;color:var(--canli);}
.rozet-satir.off{color:var(--kapali);}
.rozet-satir.off .puls{background:var(--kapali);box-shadow:0 0 0 3px rgba(196,68,58,.16);}
.rozet-satir.bos{color:var(--murekkep-2);}
.rozet-satir.bos .puls{background:var(--canli);}

.cubuk-yuva{height:6px;background:var(--kagit-2);overflow:hidden;
            box-shadow:inset 0 0 0 1px var(--cizgi);}
.cubuk-dolu{display:block;height:100%;background:var(--canli);
            transition:width .4s ease;}
.cubuk-dolu.orta{background:var(--altin);}
.cubuk-dolu.dolu{background:var(--kapali);}

.kart-eylem{margin-top:auto;display:grid;gap:8px;}
.kart .kart-eylem .btn{width:100%;margin-top:0;}
.btn-kopya{background:var(--kagit);color:var(--murekkep-2);padding:11px;
           font-size:12px;box-shadow:inset 0 0 0 1px var(--cizgi-2);}
.btn-kopya:hover{background:var(--kagit-2);color:var(--murekkep);}
.btn-kopya.oldu{background:#EFF9F4;color:#0B6A3D;box-shadow:inset 0 0 0 1px #CFE9DC;}

/* Discord dugmesi — hero'da altin ve hayalet dugmelerin yaninda */
.btn-discord{background:#5865F2;color:#fff;padding:12px 24px;font-size:13.5px;}
.btn-discord:hover{background:#4752C4;transform:translateY(-1px);}

/* ── yasaklamalar sayfasi ── */
.ceza-izgara{display:grid;gap:22px;grid-template-columns:1fr;padding-bottom:72px;}
@media(min-width:1000px){.ceza-izgara{grid-template-columns:290px 1fr;align-items:start;}}

.suzgec{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 18px;}
.suzgec a{font-family:var(--m);font-size:11.5px;letter-spacing:.04em;padding:8px 14px;
          text-decoration:none;background:var(--yuzey);color:var(--murekkep-2);
          box-shadow:inset 0 0 0 1px var(--cizgi);}
.suzgec a:hover{color:var(--murekkep);}
.suzgec a.secili{background:var(--murekkep);color:#fff;box-shadow:none;}

.ara-kutu{display:flex;gap:8px;margin:0 0 18px;}
.ara-kutu input{flex:1;background:var(--yuzey);border:1px solid var(--cizgi-2);
                color:var(--murekkep);padding:11px 13px;font-family:var(--m);font-size:13.5px;}
.ara-kutu input:focus{outline:none;border-color:var(--altin);
                      box-shadow:0 0 0 3px rgba(233,167,44,.2);}
.ara-kutu button{border:0;cursor:pointer;background:var(--murekkep);color:#fff;
                 padding:11px 18px;font-family:var(--d);font-weight:700;font-size:13px;
                 text-transform:uppercase;letter-spacing:.05em;}

.tur-etiket{display:inline-block;font-family:var(--m);font-size:10px;font-weight:700;
            letter-spacing:.08em;padding:4px 9px;text-transform:uppercase;}
.tur-BAN{background:#FDECEA;color:#9B2C22;box-shadow:inset 0 0 0 1px #F3D0CB;}
.tur-KICK{background:#EEF3F8;color:#3B5A7A;box-shadow:inset 0 0 0 1px #D7E2ED;}
.tur-GAG{background:var(--altin-zemin);color:#8A6614;box-shadow:inset 0 0 0 1px #F0DFB8;}
.tur-MUTE{background:#F1EEF9;color:#4B3B85;box-shadow:inset 0 0 0 1px #DFD8F0;}
.tur-SILENCE{background:#F6EDF3;color:#7A3B63;box-shadow:inset 0 0 0 1px #ECD9E4;}

.sure-etiket{font-family:var(--m);font-size:11px;padding:3px 8px;white-space:nowrap;}
.sure-kalici{background:#FDECEA;color:#9B2C22;}
.sure-gecici{background:#EFF9F4;color:#0B6A3D;}
.sure-bitti{background:var(--kagit);color:var(--soluk);}

.oyuncu-ad{font-weight:600;font-size:14.5px;}
.oyuncu-sid{font-family:var(--m);font-size:11px;color:var(--soluk);}

.yan-kutu{background:var(--yuzey);box-shadow:inset 0 0 0 1px var(--cizgi),
          0 2px 5px rgba(13,21,30,.05);margin:0 0 18px;}
.yan-kutu h2{font-family:var(--d);font-weight:700;text-transform:uppercase;font-size:14px;
             letter-spacing:.07em;margin:0;padding:14px 18px;
             border-bottom:1px solid var(--cizgi);background:#FAFBFD;}
.yan-liste{padding:6px 18px 14px;}
.yan-liste div{display:flex;align-items:baseline;gap:12px;padding:9px 0;
               border-bottom:1px solid var(--cizgi);font-size:14px;}
.yan-liste div:last-child{border-bottom:0;}
.yan-liste b{margin-left:auto;font-family:var(--m);font-weight:700;
             font-variant-numeric:tabular-nums;}
.yan-liste .nokta{width:7px;height:7px;border-radius:50%;flex:0 0 auto;}