/* FayrusCraft - site stili. Dis kaynak yok (KVKK): sistem yazi tipleri kullanilir. */
:root{
  --bg:#0b0e13; --bg2:#10141b; --kart:#151a22; --kart2:#1b212b; --cizgi:#252c38; --cizgi2:#323b4a;
  --yazi:#e8edf3; --soluk:#94a0b0; --soluk2:#6b7686;
  --yesil:#3fb950; --yesil2:#2ea043; --yesil-a:rgba(63,185,80,.14);
  --altin:#e3b341; --kirmizi:#f85149; --mavi:#58a6ff; --mor:#bc8cff;
  --r:14px; --r2:10px; --golge:0 10px 30px rgba(0,0,0,.35);
  --font:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  --mono:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--yazi);font:16px/1.6 var(--font);-webkit-font-smoothing:antialiased;min-height:100vh;display:flex;flex-direction:column}
a{color:var(--yesil);text-decoration:none}a:hover{text-decoration:underline}
img{max-width:100%}
h1,h2,h3{line-height:1.25;margin:0 0 .6em;letter-spacing:-.01em}
h1{font-size:clamp(26px,4vw,36px)}h2{font-size:22px}h3{font-size:18px}
p{margin:0 0 1em}
code{font-family:var(--mono);background:var(--kart2);border:1px solid var(--cizgi);padding:1px 6px;border-radius:6px;font-size:.9em}
hr{border:0;border-top:1px solid var(--cizgi);margin:24px 0}
.kap{width:100%;max-width:1160px;margin:0 auto;padding:0 20px}
main{flex:1;padding:32px 0 56px}
.soluk{color:var(--soluk)}.kucuk{font-size:13px}.ortala{text-align:center}
.gizli{display:none!important}

/* ust bant ve menu */
.bant{background:linear-gradient(90deg,#1f6f2b,#2ea043);color:#fff;text-align:center;font-size:14px;padding:7px 16px}
.ust{position:sticky;top:0;z-index:20;background:rgba(11,14,19,.86);backdrop-filter:saturate(1.4) blur(10px);border-bottom:1px solid var(--cizgi)}
.ust .kap{display:flex;align-items:center;gap:18px;height:64px}
.logo{display:flex;align-items:center;gap:10px;font-weight:800;font-size:19px;color:var(--yazi);letter-spacing:.02em}
.logo:hover{text-decoration:none}
.logo i{width:30px;height:30px;border-radius:8px;background:linear-gradient(135deg,#56d364 0%,#2ea043 55%,#196c2e 100%);box-shadow:inset 0 -6px 0 rgba(0,0,0,.25),0 0 0 1px rgba(255,255,255,.08)}
.menu{display:flex;gap:4px;margin-left:8px}
.menu a{color:var(--soluk);padding:8px 12px;border-radius:9px;font-weight:500;font-size:15px}
.menu a:hover,.menu a.on{color:var(--yazi);background:var(--kart);text-decoration:none}
.sag{margin-left:auto;display:flex;align-items:center;gap:10px}
.hamburger{display:none;background:none;border:1px solid var(--cizgi);color:var(--yazi);border-radius:9px;padding:7px 10px;cursor:pointer}
@media(max-width:900px){
  .menu{position:absolute;top:64px;left:0;right:0;flex-direction:column;background:var(--bg2);border-bottom:1px solid var(--cizgi);padding:10px 16px;margin:0;display:none}
  .menu.acik{display:flex}.hamburger{display:block}
}

/* dugmeler ve formlar */
.btn,button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--cizgi2);background:var(--kart2);color:var(--yazi);
  padding:10px 18px;border-radius:var(--r2);font:600 15px var(--font);cursor:pointer;transition:transform .08s,background .15s,border-color .15s;text-decoration:none!important}
.btn:hover,button:hover{border-color:var(--soluk2);background:#222a36}
.btn:active,button:active{transform:translateY(1px)}
.btn.yesil,button.yesil{background:var(--yesil2);border-color:var(--yesil2);color:#fff}
.btn.yesil:hover,button.yesil:hover{background:var(--yesil)}
.btn.buyuk{padding:14px 26px;font-size:17px;border-radius:12px}
.btn.kucuk,button.kucuk{padding:6px 12px;font-size:13px;border-radius:8px}
.btn.kirmizi,button.kirmizi{border-color:#5a1e1e;color:#ffb4ae;background:#2a1215}
.btn.hayalet{background:transparent}
button[disabled]{opacity:.5;cursor:not-allowed}
label{display:block;font-size:14px;color:var(--soluk);margin:0 0 6px;font-weight:500}
input,select,textarea{width:100%;background:var(--bg2);color:var(--yazi);border:1px solid var(--cizgi2);border-radius:var(--r2);padding:11px 13px;font:15px var(--font);outline:none;transition:border-color .15s,box-shadow .15s}
input:focus,select:focus,textarea:focus{border-color:var(--yesil);box-shadow:0 0 0 3px var(--yesil-a)}
textarea{min-height:140px;resize:vertical}
textarea.kod{font-family:var(--mono);font-size:13px;min-height:320px}
.alan{margin-bottom:16px}
.onay{display:flex;gap:10px;align-items:flex-start;font-size:14px;color:var(--yazi);margin:10px 0;font-weight:400}
.onay input{width:18px;height:18px;margin-top:3px;flex:none;accent-color:var(--yesil)}
.iki{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.uc{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.dort{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
@media(max-width:900px){.uc,.dort{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.iki,.uc,.dort{grid-template-columns:1fr}}
.bal{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}

/* kartlar */
.kart{background:var(--kart);border:1px solid var(--cizgi);border-radius:var(--r);padding:22px}
.kart.dar{max-width:460px;margin:0 auto}
.kart h2:first-child,.kart h3:first-child{margin-top:0}
.uyari{padding:12px 16px;border-radius:var(--r2);margin-bottom:18px;border:1px solid var(--cizgi);background:var(--kart);font-size:15px}
.uyari.hata{border-color:#6e2020;background:#2a1215;color:#ffd1cc}
.uyari.tamam{border-color:#1f5f2c;background:#0f2416;color:#c6f6cf}
.uyari.uyari{border-color:#6b5512;background:#2a220c;color:#fde7a8}
.rozet{display:inline-block;padding:2px 9px;border-radius:999px;font-size:12px;font-weight:600;background:var(--kart2);border:1px solid var(--cizgi2);color:var(--soluk)}
.rozet.yesil{background:var(--yesil-a);border-color:#2b6b36;color:#7ee28e}
.rozet.kirmizi{background:#2a1215;border-color:#6e2020;color:#ffb4ae}
.rozet.altin{background:#2a220c;border-color:#6b5512;color:#f2cc60}
.rozet.mavi{background:#0d1d33;border-color:#1f4b80;color:#9ecbff}

/* ana sayfa */
.kahraman{position:relative;overflow:hidden;border-bottom:1px solid var(--cizgi);
  background:radial-gradient(1200px 400px at 15% -10%,rgba(63,185,80,.20),transparent 60%),radial-gradient(900px 400px at 100% 0%,rgba(88,166,255,.12),transparent 60%),var(--bg)}
.kahraman::after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:32px 32px;mask-image:linear-gradient(#000,transparent 85%);pointer-events:none}
.kahraman .kap{position:relative;z-index:1;padding-top:72px;padding-bottom:72px;display:grid;grid-template-columns:1.25fr .75fr;gap:40px;align-items:center}
@media(max-width:900px){.kahraman .kap{grid-template-columns:1fr;padding-top:48px;padding-bottom:48px}}
.kahraman h1{font-size:clamp(34px,6vw,58px);font-weight:850;letter-spacing:-.03em;margin-bottom:14px}
.kahraman h1 span{background:linear-gradient(90deg,#7ee28e,#3fb950 40%,#58a6ff);-webkit-background-clip:text;background-clip:text;color:transparent}
.kahraman p.giris-yazi{font-size:19px;color:var(--soluk);max-width:560px;margin-bottom:28px}
.ip-kutu{display:flex;align-items:center;gap:0;max-width:460px;background:var(--kart);border:1px solid var(--cizgi2);border-radius:12px;overflow:hidden}
.ip-kutu code{flex:1;background:none;border:0;font-size:17px;padding:14px 16px;color:var(--yazi)}
.ip-kutu button{border-radius:0;border:0;border-left:1px solid var(--cizgi2);height:100%;padding:14px 18px}
.durum-kart{background:linear-gradient(180deg,var(--kart),var(--bg2));border:1px solid var(--cizgi);border-radius:18px;padding:26px;box-shadow:var(--golge)}
.sayac{font-size:52px;font-weight:850;letter-spacing:-.03em;line-height:1}
.nokta{display:inline-block;width:10px;height:10px;border-radius:50%;background:var(--kirmizi);margin-right:8px;vertical-align:middle}
.nokta.acik{background:var(--yesil);box-shadow:0 0 0 0 rgba(63,185,80,.6);animation:nabiz 2s infinite}
@keyframes nabiz{70%{box-shadow:0 0 0 10px rgba(63,185,80,0)}100%{box-shadow:0 0 0 0 rgba(63,185,80,0)}}
@media (prefers-reduced-motion:reduce){.nokta.acik{animation:none}}
.bolum{padding:48px 0 0}
.bolum-bas{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:20px}
.bolum-bas h2{margin:0;font-size:26px}
.ozellik{padding:22px}
.ozellik b{display:block;font-size:17px;margin-bottom:6px}
.ozellik .ikon{width:42px;height:42px;border-radius:11px;display:grid;place-items:center;margin-bottom:14px;font-size:20px;background:var(--yesil-a);color:var(--yesil);font-weight:800}

/* haberler */
.haber-kart{display:flex;flex-direction:column;gap:8px;transition:border-color .15s,transform .15s}
.haber-kart:hover{border-color:var(--cizgi2);transform:translateY(-2px);text-decoration:none}
.haber-kart h3{color:var(--yazi);margin:0}
.haber-kart p{color:var(--soluk);margin:0;font-size:15px}
.icerik{max-width:780px}
.icerik h2{margin-top:1.6em}.icerik h3{margin-top:1.3em}
.icerik ul,.icerik ol{padding-left:22px;margin:0 0 1em}.icerik li{margin:4px 0}
.icerik blockquote{margin:0 0 1.2em;padding:12px 16px;border-left:3px solid var(--altin);background:#1d1a10;border-radius:0 10px 10px 0;color:#f2dfa6;font-size:14px}
.tablo-sar{overflow-x:auto;margin-bottom:1em}
table{width:100%;border-collapse:collapse;font-size:15px}
th,td{padding:10px 12px;border-bottom:1px solid var(--cizgi);text-align:left;vertical-align:top}
th{color:var(--soluk);font-weight:600;font-size:13px;text-transform:uppercase;letter-spacing:.04em;background:var(--kart2)}
tr:hover td{background:rgba(255,255,255,.015)}
.tablo{background:var(--kart);border:1px solid var(--cizgi);border-radius:var(--r);overflow:hidden}
.tablo table{margin:0}
.bos{color:var(--soluk2);text-align:center;padding:28px}

/* magaza */
.paketler{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:18px}
.paket{position:relative;display:flex;flex-direction:column;background:var(--kart);border:1px solid var(--cizgi);border-radius:16px;padding:22px;transition:transform .15s,border-color .15s,box-shadow .15s}
.paket:hover{transform:translateY(-3px);border-color:var(--c,var(--yesil));box-shadow:0 14px 30px rgba(0,0,0,.35)}
.paket .ust-cizgi{position:absolute;top:0;left:0;right:0;height:4px;border-radius:16px 16px 0 0;background:var(--c,var(--yesil))}
.paket .ad{font-size:22px;font-weight:800;color:var(--c,var(--yazi));margin:6px 0 2px}
.paket .fiyat{font-size:30px;font-weight:850;letter-spacing:-.02em;margin:10px 0 2px}
.paket .eski{color:var(--soluk2);text-decoration:line-through;font-size:15px;margin-left:8px;font-weight:500}
.paket ul{list-style:none;padding:0;margin:14px 0 20px;flex:1}
.paket li{padding:5px 0 5px 24px;position:relative;font-size:14px;color:var(--soluk)}
.paket li::before{content:"";position:absolute;left:2px;top:11px;width:12px;height:7px;border-left:2px solid var(--c,var(--yesil));border-bottom:2px solid var(--c,var(--yesil));transform:rotate(-45deg)}
.one{position:absolute;top:14px;right:14px}
.ozet{position:sticky;top:84px}
/* ozet */ .ozet .satir{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid var(--cizgi)}
.ozet .toplam{font-size:24px;font-weight:850;border:0;padding-top:14px}
.yasal-kutu{max-height:180px;overflow:auto;background:var(--bg2);border:1px solid var(--cizgi);border-radius:10px;padding:12px 14px;font-size:13px;color:var(--soluk);margin:6px 0 10px}
.yasal-kutu h2,.yasal-kutu h3{font-size:14px;color:var(--yazi)}
.yasal-kutu blockquote{display:none}
.duzen{display:grid;grid-template-columns:1fr 360px;gap:24px;align-items:start}
@media(max-width:900px){.duzen{grid-template-columns:1fr}.ozet{position:static}}

/* hesabim */
.sekmeler{display:flex;gap:4px;flex-wrap:wrap;border-bottom:1px solid var(--cizgi);margin-bottom:22px}
.sekmeler a{padding:10px 14px;color:var(--soluk);border-bottom:2px solid transparent;margin-bottom:-1px;font-weight:500}
.sekmeler a.on{color:var(--yazi);border-bottom-color:var(--yesil);text-decoration:none}
.sekmeler a:hover{color:var(--yazi);text-decoration:none}
.avatar{width:64px;height:64px;border-radius:14px;display:grid;place-items:center;font-size:28px;font-weight:800;color:#fff;flex:none}
.profil{display:flex;gap:18px;align-items:center;margin-bottom:24px}
.mesaj{padding:14px 16px;border-radius:12px;background:var(--kart);border:1px solid var(--cizgi);margin-bottom:12px}
.mesaj.yetkili{border-color:#1f5f2c;background:#0f1d14}
.mesaj .kim{font-size:13px;color:var(--soluk);margin-bottom:6px}
.istat{padding:18px}
.istat .s{font-size:28px;font-weight:850;letter-spacing:-.02em}
.istat .e{font-size:13px;color:var(--soluk)}
.cubuklar{display:flex;align-items:end;gap:4px;height:140px;padding-top:10px}
.cubuklar div{flex:1;background:linear-gradient(180deg,var(--yesil),var(--yesil2));border-radius:4px 4px 0 0;min-height:2px;position:relative}
.cubuklar div:hover::after{content:attr(data-e);position:absolute;bottom:100%;left:50%;transform:translateX(-50%);background:#000;color:#fff;font-size:12px;padding:3px 7px;border-radius:6px;white-space:nowrap}
.satir-arasi{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.yonetim-menu{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:24px}
.yonetim-menu a{padding:8px 13px;border-radius:9px;background:var(--kart);border:1px solid var(--cizgi);color:var(--soluk);font-size:14px;font-weight:500}
.yonetim-menu a.on,.yonetim-menu a:hover{color:var(--yazi);border-color:var(--cizgi2);text-decoration:none}

/* alt bilgi ve cerez bandi */
.alt{border-top:1px solid var(--cizgi);background:var(--bg2);padding:40px 0 28px;font-size:14px;color:var(--soluk)}
.alt .kap{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:28px}
@media(max-width:760px){.alt .kap{grid-template-columns:1fr}}
.alt a{color:var(--soluk)}.alt a:hover{color:var(--yazi)}
.alt ul{list-style:none;padding:0;margin:0}.alt li{margin:6px 0}
.alt b{color:var(--yazi);display:block;margin-bottom:10px}
.yasal-not{grid-column:1/-1;border-top:1px solid var(--cizgi);padding-top:18px;font-size:12px;color:var(--soluk2)}
.cerez{position:fixed;left:16px;right:16px;bottom:16px;max-width:560px;margin:0 auto;z-index:50;background:var(--kart2);border:1px solid var(--cizgi2);border-radius:14px;padding:14px 16px;box-shadow:var(--golge);display:flex;gap:14px;align-items:center;font-size:14px}
.cerez p{margin:0;flex:1;color:var(--soluk)}
@media(max-width:520px){.cerez{flex-direction:column;align-items:stretch}}
.sayfalama{display:flex;gap:10px;justify-content:center;margin-top:24px}
:focus-visible{outline:2px solid var(--yesil);outline-offset:2px}

.btn,button{white-space:nowrap}
.satir{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:6px 0}