:root{--bg:#080f0b;--bg2:#0e1a10;--bg3:#142018;--bg4:#1a2b1e;--edge:#1f3028;--edge2:#2e4a38;--gr:#22c55e;--gr2:#16a34a;--gr-f:rgba(34,197,94,.1);--gr-g:rgba(34,197,94,.18);--or:#f59e0b;--or2:#d97706;--or-f:rgba(245,158,11,.1);--sky:#38bdf8;--sky-f:rgba(56,189,248,.1);--gold:#fbbf24;--ok:#4ade80;--tx:#e8f5ea;--tx2:#8db892;--tx3:#4a7050;--wh:#fff;--face:'Outfit',system-ui,-apple-system,sans-serif;--r1:8px;--r2:16px;--r3:24px;--rpill:9999px;--sh1:0 2px 16px rgba(0,0,0,.4);--sh2:0 8px 36px rgba(0,0,0,.55);--sh-gr:0 8px 36px rgba(34,197,94,.18);--mv:all .25s ease;--wrap:1240px;--bar-h:66px}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;font-size:16px;-webkit-text-size-adjust:100%}
body{font-family:var(--face);background:var(--bg);color:var(--tx);line-height:1.65;overflow-x:hidden;min-height:100vh}
a{color:var(--gr);text-decoration:none;transition:var(--mv)}
a:hover{color:var(--gr2)}
a:focus-visible{outline:2px solid var(--gr);outline-offset:3px;border-radius:4px}
img{max-width:100%;height:auto;display:block}
ul,ol{list-style:none}
button{cursor:pointer;border:none;background:none;font-family:var(--face)}
h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.2;color:var(--wh)}
h1{font-size:clamp(1.85rem,5vw,3.4rem);letter-spacing:-.04em}
h2{font-size:clamp(1.35rem,3vw,2.1rem);letter-spacing:-.03em}
h3{font-size:clamp(1.05rem,2vw,1.4rem)}
h4{font-size:1.05rem}
p{margin-bottom:.875rem}
p:last-child{margin-bottom:0}
.icalan{max-width:var(--wrap);margin:0 auto;padding:0 1.25rem}
.bolum{padding:5rem 0}
.bolum-kisa{padding:2.5rem 0}
.baslik-blok{margin-bottom:2.75rem}
.baslik-blok__ust{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:1.2px;color:var(--gr);margin-bottom:.625rem;display:flex;align-items:center;gap:.5rem}
.baslik-blok__ust::before{content:'';display:block;width:20px;height:2px;background:var(--gr);border-radius:1px}
.baslik-blok h2{padding-top:.5rem;border-top:2px solid var(--edge);margin-bottom:.75rem}
.baslik-blok p{color:var(--tx2);font-size:.975rem;max-width:540px}
.etiket{display:inline-flex;align-items:center;gap:.3rem;padding:.22rem .8rem;border-radius:var(--rpill);font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px}
.et-gr{background:var(--gr-f);color:var(--gr);border:1px solid rgba(34,197,94,.3)}
.et-or{background:var(--or-f);color:var(--or);border:1px solid rgba(245,158,11,.3)}
.et-sky{background:var(--sky-f);color:var(--sky);border:1px solid rgba(56,189,248,.3)}
.et-gold{background:rgba(251,191,36,.08);color:var(--gold);border:1px solid rgba(251,191,36,.3)}
.et-ok{background:rgba(74,222,128,.08);color:var(--ok);border:1px solid rgba(74,222,128,.3)}
.et-dark{background:var(--bg3);color:var(--tx2);border:1px solid var(--edge)}
.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.8rem 2rem;border-radius:var(--rpill);font-weight:700;font-size:.9rem;transition:var(--mv);border:2px solid transparent;cursor:pointer;text-decoration:none;font-family:var(--face)}
.btn:focus-visible{outline:2px solid var(--gr);outline-offset:3px}
.btn-gr{background:var(--gr);color:#000}
.btn-gr:hover{background:var(--gr2);color:#000;transform:translateY(-2px);box-shadow:var(--sh-gr)}
.btn-or{background:var(--or);color:#000}
.btn-or:hover{background:var(--or2);color:#000;transform:translateY(-2px);box-shadow:0 8px 28px rgba(245,158,11,.3)}
.btn-hat{background:transparent;color:var(--gr);border-color:var(--gr)}
.btn-hat:hover{background:var(--gr-f);color:var(--gr)}
.btn-hat-b{background:transparent;color:var(--wh);border-color:rgba(255,255,255,.3)}
.btn-hat-b:hover{background:rgba(255,255,255,.08);color:var(--wh)}
.btn-lg{padding:1rem 2.75rem;font-size:1rem}
.btn-kk{padding:.45rem 1.2rem;font-size:.8rem}
.ust-menu{position:fixed;top:0;left:0;right:0;z-index:1000;height:var(--bar-h);background:rgba(8,15,11,.9);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--edge);transition:var(--mv)}
.ust-menu.katman{background:rgba(8,15,11,.98);box-shadow:0 4px 28px rgba(0,0,0,.6)}
.menu-ic{display:flex;align-items:center;justify-content:space-between;height:var(--bar-h)}
.menu-marka{display:flex;align-items:center;gap:.75rem;text-decoration:none}
.marka-logo{width:100px;height:40px;object-fit:contain}
.marka-ad{font-size:1.25rem;font-weight:800;letter-spacing:-.04em;color:var(--wh)}
.marka-ad em{font-style:normal;color:var(--gr)}
.menu-bag{display:flex;align-items:center;gap:.1rem}
.menu-bag a{display:block;padding:.5rem .9rem;color:var(--tx2);font-size:.85rem;font-weight:500;border-radius:var(--r1);transition:var(--mv);text-decoration:none;white-space:nowrap}
.menu-bag a:hover,.menu-bag a.sec{color:var(--gr)}
.menu-bag a.sec{border-bottom:2px solid var(--gr);border-radius:0;padding-bottom:.375rem}
.menu-sag{display:flex;align-items:center;gap:.875rem}
.sandvic{display:none;flex-direction:column;gap:4px;padding:9px;border-radius:var(--r1);border:1px solid var(--edge);background:transparent;cursor:pointer;transition:var(--mv)}
.sandvic:hover{border-color:var(--gr);background:var(--gr-f)}
.sandvic span{display:block;width:20px;height:2px;background:var(--tx);border-radius:2px;transition:var(--mv)}
.sandvic.acik span:nth-child(1){transform:translateY(6px) rotate(45deg)}
.sandvic.acik span:nth-child(2){opacity:0;transform:scaleX(0)}
.sandvic.acik span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}
.yan-menu{display:none;position:fixed;top:var(--bar-h);left:0;right:0;background:var(--bg2);border-bottom:1px solid var(--edge);padding:1.1rem 1.25rem;z-index:997;transform:translateY(-108%);opacity:0;transition:transform .3s cubic-bezier(.4,0,.2,1),opacity .3s ease}
.yan-menu.acik{transform:translateY(0);opacity:1}
.ym-baglar{display:flex;flex-direction:column;gap:.15rem;margin-bottom:1rem}
.ym-baglar a{display:flex;align-items:center;gap:.75rem;padding:.8rem 1rem;color:var(--tx);border-radius:var(--r1);font-weight:500;text-decoration:none;font-size:.9rem;transition:var(--mv)}
.ym-baglar a i{width:16px;text-align:center;font-size:.8rem;color:var(--gr)}
.ym-baglar a:hover,.ym-baglar a.sec{background:var(--gr-f);color:var(--gr)}
.ym-alt{padding-top:1rem;border-top:1px solid var(--edge);display:flex;gap:.75rem;flex-wrap:wrap}
.hero-alan{min-height:100vh;display:flex;align-items:center;padding-top:var(--bar-h);position:relative;overflow:hidden}
.hero-alan::before{content:'';position:absolute;top:0;right:0;width:50%;height:100%;background:linear-gradient(135deg,rgba(34,197,94,.03) 0%,transparent 70%);pointer-events:none;z-index:0}
.hero-alan::after{content:'';position:absolute;bottom:0;left:0;width:100%;height:200px;background:linear-gradient(0deg,var(--bg) 0%,transparent 100%);pointer-events:none;z-index:1}
.hero-izgara{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;position:relative;z-index:2;padding:4.5rem 0}
.hero-sol{position:relative}
.hero-sol-cerceve{border-radius:var(--r3);overflow:hidden;border:1px solid var(--edge2);box-shadow:var(--sh2),0 0 0 1px var(--edge)}
.hero-sol-cerceve img{width:100%;height:520px;object-fit:cover}
.hero-sol-alt{position:absolute;bottom:-20px;right:-20px;background:rgba(14,26,16,.92);border:1px solid var(--edge2);border-radius:var(--r2);padding:.875rem 1.1rem;display:flex;align-items:center;gap:.875rem;box-shadow:var(--sh1);backdrop-filter:blur(10px);animation:yuzme 4s ease-in-out infinite}
.hero-sol-ust{position:absolute;top:-15px;left:-15px;background:rgba(14,26,16,.92);border:1px solid var(--edge2);border-radius:var(--r2);padding:.875rem 1.1rem;display:flex;align-items:center;gap:.875rem;box-shadow:var(--sh1);backdrop-filter:blur(10px);animation:yuzme 5s ease-in-out infinite 1s}
.fp-ikon{width:38px;height:38px;border-radius:var(--r1);display:flex;align-items:center;justify-content:center;font-size:1.1rem;flex-shrink:0}
.fp-gr{background:var(--gr-f);color:var(--gr)}
.fp-or{background:var(--or-f);color:var(--or)}
.fp-sky{background:var(--sky-f);color:var(--sky)}
.fp-etiket{font-size:.65rem;color:var(--tx2);line-height:1.2}
.fp-deger{font-size:.85rem;font-weight:700;color:var(--wh);line-height:1.2}
.hero-sag{}
.hero-pill{display:inline-flex;align-items:center;gap:.5rem;background:var(--gr-f);border:1px solid rgba(34,197,94,.25);padding:.35rem 1rem;border-radius:var(--rpill);font-size:.72rem;font-weight:700;color:var(--gr);text-transform:uppercase;letter-spacing:.8px;margin-bottom:1.5rem}
.hero-baslik{font-size:clamp(2rem,5vw,3.6rem);font-weight:900;line-height:1.1;margin-bottom:1.25rem;letter-spacing:-.05em}
.hero-baslik .yesil{background:linear-gradient(135deg,var(--gr),#86efac);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.hero-baslik .sari{background:linear-gradient(135deg,var(--or),#fbbf24);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.hero-metin{font-size:1.05rem;color:var(--tx2);line-height:1.85;max-width:480px;margin-bottom:2.25rem}
.hero-butonlar{display:flex;gap:.875rem;flex-wrap:wrap;margin-bottom:3rem}
.hero-sayilar{display:flex;gap:2.5rem;flex-wrap:wrap}
.hs-ogesi{display:flex;flex-direction:column}
.hs-deger{font-size:1.75rem;font-weight:900;line-height:1;letter-spacing:-.04em}
.hs-deger strong{background:linear-gradient(135deg,var(--gr),#86efac);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.hs-etiket{font-size:.7rem;color:var(--tx2);margin-top:.2rem;text-transform:uppercase;letter-spacing:.5px}
.bilgi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}
.bilgi-kart{background:var(--bg3);border:1px solid var(--edge);border-radius:var(--r2);padding:1.875rem;transition:var(--mv);position:relative}
.bilgi-kart::before{content:'';position:absolute;top:-1px;left:20px;right:20px;height:2px;background:linear-gradient(90deg,transparent,var(--gr),transparent);opacity:0;transition:var(--mv);border-radius:2px}
.bilgi-kart:hover{border-color:var(--edge2);transform:translateY(-4px);box-shadow:0 14px 40px rgba(0,0,0,.4)}
.bilgi-kart:hover::before{opacity:1}
.bilgi-kart.tur-or::before{background:linear-gradient(90deg,transparent,var(--or),transparent)}
.bilgi-kart.tur-sky::before{background:linear-gradient(90deg,transparent,var(--sky),transparent)}
.bk-ikon{width:52px;height:52px;border-radius:var(--r2);display:flex;align-items:center;justify-content:center;font-size:1.3rem;margin-bottom:1.1rem;border:1px solid transparent}
.bki-gr{background:var(--gr-f);color:var(--gr);border-color:rgba(34,197,94,.2)}
.bki-or{background:var(--or-f);color:var(--or);border-color:rgba(245,158,11,.2)}
.bki-sky{background:var(--sky-f);color:var(--sky);border-color:rgba(56,189,248,.2)}
.bki-gold{background:rgba(251,191,36,.08);color:var(--gold);border-color:rgba(251,191,36,.2)}
.bilgi-kart h3{font-size:1rem;margin-bottom:.625rem}
.bilgi-kart p{color:var(--tx2);font-size:.875rem;line-height:1.7}
.oyun-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(285px,1fr));gap:1.5rem}
.oyun-kutu{background:var(--bg3);border:1px solid var(--edge);border-radius:var(--r3);overflow:hidden;transition:var(--mv);display:flex;flex-direction:column}
.oyun-kutu:hover{border-color:var(--edge2);transform:translateY(-5px);box-shadow:var(--sh2),0 0 0 1px rgba(34,197,94,.1)}
.ok-gorsel{position:relative;overflow:hidden}
.ok-gorsel img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}
.oyun-kutu:hover .ok-gorsel img{transform:scale(1.07)}
.ok-etiket{position:absolute;top:10px;left:10px}
.ok-ic{padding:1.375rem;flex:1;display:flex;flex-direction:column}
.ok-baslik{font-size:.975rem;font-weight:700;margin-bottom:.5rem;color:var(--wh)}
.ok-metin{color:var(--tx2);font-size:.825rem;line-height:1.65;flex:1;margin-bottom:1.1rem}
.ok-alt{display:flex;align-items:center;justify-content:space-between;padding-top:.875rem;border-top:1px solid var(--edge);margin-top:auto}
.ok-bilgi{display:flex;align-items:center;gap:.35rem;font-size:.775rem;color:var(--tx2)}
.ok-bilgi i{font-size:.7rem;color:var(--gr)}
.yazi-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}
.yazi-kutu{background:var(--bg3);border:1px solid var(--edge);border-radius:var(--r2);overflow:hidden;transition:var(--mv);display:flex;flex-direction:column}
.yazi-kutu:hover{border-color:var(--edge2);transform:translateY(-4px);box-shadow:0 14px 40px rgba(0,0,0,.4)}
.yk-gorsel{position:relative;aspect-ratio:16/9;overflow:hidden}
.yk-gorsel img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}
.yazi-kutu:hover .yk-gorsel img{transform:scale(1.05)}
.yk-ic{padding:1.375rem;flex:1;display:flex;flex-direction:column}
.yk-meta{display:flex;align-items:center;gap:.875rem;margin-bottom:.75rem;flex-wrap:wrap}
.yk-met{display:flex;align-items:center;gap:.3rem;font-size:.75rem;color:var(--tx2)}
.yk-met i{font-size:.68rem;color:var(--gr);flex-shrink:0}
.yk-baslik{font-size:.975rem;font-weight:700;line-height:1.4;margin-bottom:.625rem}
.yk-baslik a{color:var(--wh);text-decoration:none;transition:var(--mv)}
.yk-baslik a:hover{color:var(--gr)}
.yk-ozet{color:var(--tx2);font-size:.825rem;line-height:1.65;flex:1;margin-bottom:1.1rem;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.yk-devam{display:inline-flex;align-items:center;gap:.45rem;font-size:.825rem;font-weight:600;color:var(--gr);text-decoration:none;transition:var(--mv);margin-top:auto}
.yk-devam:hover{gap:.7rem;color:var(--sky)}
.dusunce-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(285px,1fr));gap:1.5rem}
.dusunce-kart{background:var(--bg3);border:1px solid var(--edge);border-radius:var(--r2);padding:1.625rem;display:flex;flex-direction:column;transition:var(--mv);position:relative;overflow:hidden}
.dusunce-kart::after{content:'"';position:absolute;bottom:-.5rem;right:1rem;font-size:5rem;line-height:1;color:var(--gr);opacity:.08;font-family:Georgia,serif;pointer-events:none}
.dusunce-kart:hover{border-color:var(--edge2);transform:translateY(-3px);box-shadow:0 14px 40px rgba(0,0,0,.4)}
.dk-yildiz{display:flex;gap:3px;margin-bottom:.875rem}
.dk-yildiz i{font-size:.8rem;color:var(--gold)}
.dk-yildiz i.bos{color:var(--edge2)}
.dk-metin{color:var(--tx2);font-size:.875rem;line-height:1.75;flex:1;margin-bottom:1.1rem;font-style:italic}
.dk-yazar{display:flex;align-items:center;gap:.75rem;padding-top:.875rem;border-top:1px solid var(--edge);margin-top:auto}
.dy-foto{width:42px;height:42px;border-radius:50%;object-fit:cover;border:2px solid var(--edge2);flex-shrink:0}
.dy-ad{font-size:.85rem;font-weight:700;margin:0 0 .15rem;color:var(--wh)}
.dy-bilgi{font-size:.72rem;color:var(--tx2)}
.dy-ok{display:flex;align-items:center;gap:.3rem;font-size:.68rem;color:var(--ok);margin-top:.15rem}
.puan-panel{background:var(--bg3);border:1px solid var(--edge);border-radius:var(--r3);padding:2.25rem;display:grid;grid-template-columns:180px 1fr;gap:2.75rem;align-items:center;margin-bottom:2.75rem}
.pp-sayisal{text-align:center}
.pp-rakam{font-size:5rem;font-weight:900;letter-spacing:-.08em;line-height:1;color:var(--wh)}
.pp-rakam sup{font-size:1.75rem;font-weight:400;color:var(--tx2);letter-spacing:0}
.pp-yildiz{display:flex;gap:4px;justify-content:center;margin:.5rem 0}
.pp-yildiz i{color:var(--gold);font-size:1rem}
.pp-adet{font-size:.75rem;color:var(--tx2)}
.pp-cubuklar{}
.pc-satir{display:grid;grid-template-columns:55px 1fr 42px;gap:.75rem;align-items:center;margin-bottom:.75rem}
.pc-etiket{font-size:.78rem;color:var(--tx2);display:flex;align-items:center;gap:.28rem}
.pc-etiket i{font-size:.65rem;color:var(--gold)}
.pc-iz{height:7px;background:var(--edge);border-radius:4px;overflow:hidden}
.pc-dolgu{height:100%;background:linear-gradient(90deg,var(--gold),#f59e0b);border-radius:4px;width:0;transition:width 1.3s ease}
.pc-yuzde{font-size:.72rem;color:var(--tx2);text-align:right}
.referans-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(285px,1fr));gap:1.5rem}
.referans-kart{background:var(--bg3);border:1px solid var(--edge);border-radius:var(--r2);padding:1.625rem;display:flex;flex-direction:column;transition:var(--mv)}
.referans-kart:hover{border-color:var(--edge2);transform:translateY(-4px);box-shadow:0 14px 40px rgba(0,0,0,.4)}
.rk-ust{display:flex;align-items:center;gap:.875rem;margin-bottom:1.1rem;padding-bottom:1.1rem;border-bottom:1px solid var(--edge)}
.rk-logo{width:50px;height:50px;object-fit:contain;border-radius:var(--r1);background:rgba(255,255,255,.04);padding:7px;border:1px solid var(--edge);flex-shrink:0}
.rk-ad{font-size:.975rem;font-weight:700;margin:0 0 .2rem;color:var(--wh)}
.rk-tur{font-size:.72rem;color:var(--tx2)}
.rk-metin{color:var(--tx2);font-size:.85rem;line-height:1.7;flex:1;margin-bottom:1.1rem}
.rk-etiketler{display:flex;gap:.4rem;flex-wrap:wrap;margin-top:auto}
.rk-et{display:inline-flex;align-items:center;gap:.28rem;background:var(--gr-f);color:var(--gr);border:1px solid rgba(34,197,94,.2);padding:.18rem .6rem;border-radius:var(--rpill);font-size:.68rem;font-weight:700}
.istatistik-serit{background:var(--bg2);border-top:1px solid var(--edge);border-bottom:1px solid var(--edge);padding:3.75rem 0}
.is-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(175px,1fr));gap:2rem;text-align:center}
.is-oge{}
.is-ikon{width:46px;height:46px;border-radius:50%;background:var(--gr-f);border:1px solid rgba(34,197,94,.2);display:flex;align-items:center;justify-content:center;margin:0 auto .875rem;color:var(--gr);font-size:1.15rem}
.is-sayi{font-size:2.1rem;font-weight:900;line-height:1;margin-bottom:.375rem;letter-spacing:-.04em}
.sayac{background:linear-gradient(135deg,var(--gr),#86efac);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.is-yazi{font-size:.825rem;color:var(--tx2);font-weight:500}
.cagri-alani{background:linear-gradient(135deg,var(--bg2) 0%,var(--bg3) 50%,var(--bg2) 100%);border:1px solid rgba(34,197,94,.15);border-radius:var(--r3);padding:4rem 3rem;position:relative;overflow:hidden}
.cagri-alani::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 60% 50% at 50% 50%,rgba(34,197,94,.06) 0%,transparent 70%);pointer-events:none}
.cagri-alani h2{margin-bottom:.875rem}
.cagri-alani p{color:var(--tx2);max-width:500px;margin:0 auto 1.875rem;font-size:.975rem;line-height:1.8}
.cagri-butonlar{display:flex;gap:.875rem;justify-content:center;flex-wrap:wrap}
.erisim-adim-listesi{display:flex;flex-direction:column;gap:1.5rem}
.erisim-adim{display:flex;gap:1.1rem;align-items:flex-start}
.ea-no{width:38px;height:38px;border-radius:50%;background:var(--gr);color:#000;font-weight:800;font-size:.85rem;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.ea-icerik h4{font-size:.925rem;margin-bottom:.35rem}
.ea-icerik p{color:var(--tx2);font-size:.85rem;line-height:1.65;margin:0}
.iz{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap;padding:1.1rem 0}
.iz-oge{font-size:.82rem;color:var(--tx2);display:flex;align-items:center;gap:.4rem}
.iz-oge a{color:var(--tx2);text-decoration:none;transition:var(--mv)}
.iz-oge a:hover{color:var(--gr)}
.iz-oge.guncel{color:var(--tx)}
.iz-ayrac{font-size:.7rem;color:var(--edge2)}
.sayfa-ust{padding:calc(var(--bar-h) + 2.75rem) 0 2.5rem;background:linear-gradient(180deg,var(--bg2) 0%,var(--bg) 100%);border-bottom:1px solid var(--edge);position:relative;overflow:hidden}
.sayfa-ust::before{content:'';position:absolute;top:0;left:0;width:400px;height:400px;background:radial-gradient(ellipse at top left,rgba(34,197,94,.05) 0%,transparent 70%);pointer-events:none}
.sayfa-ust-ic{position:relative;z-index:1}
.sayfa-ust h1{margin-bottom:.625rem}
.sayfa-ust p{color:var(--tx2);font-size:1rem;max-width:660px;margin:0}
.yazi-govde{max-width:780px;margin:0 auto}
.yazi-govde h2{font-size:1.4rem;margin-top:2.25rem;margin-bottom:.875rem;padding-top:2rem;border-top:1px solid var(--edge)}
.yazi-govde h2:first-of-type{border-top:none;padding-top:0;margin-top:0}
.yazi-govde h3{font-size:1.1rem;margin-top:1.75rem;margin-bottom:.75rem}
.yazi-govde p{color:var(--tx2);line-height:1.9;margin-bottom:1.1rem;font-size:.975rem}
.yazi-govde ol{padding:0;margin-bottom:1.5rem;counter-reset:sira}
.yazi-govde ol li{color:var(--tx2);padding:.375rem 0 .375rem 2rem;position:relative;line-height:1.7;font-size:.975rem;counter-increment:sira}
.yazi-govde ol li::before{content:counter(sira);position:absolute;left:0;top:.375rem;font-weight:800;color:var(--gr);font-size:.85rem;width:20px;height:20px;background:var(--gr-f);border-radius:50%;display:flex;align-items:center;justify-content:center;text-align:center}
.yazi-govde blockquote{border-left:3px solid var(--gr);padding:.875rem 1.5rem;background:var(--bg3);border-radius:0 var(--r2) var(--r2) 0;margin:1.5rem 0}
.yazi-govde blockquote p{margin:0;color:var(--tx);font-style:italic}
.yazi-etiketler{display:flex;gap:.4rem;flex-wrap:wrap;margin-top:1.875rem;padding-top:1.875rem;border-top:1px solid var(--edge)}
.ye-et{background:var(--bg3);border:1px solid var(--edge);color:var(--tx2);padding:.25rem .8rem;border-radius:var(--rpill);font-size:.78rem;text-decoration:none;transition:var(--mv)}
.ye-et:hover{border-color:var(--gr);color:var(--gr)}
.yazi-gecis{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-top:2.75rem;padding-top:1.875rem;border-top:1px solid var(--edge)}
.yg-kart{background:var(--bg3);border:1px solid var(--edge);border-radius:var(--r2);padding:1.1rem;text-decoration:none;transition:var(--mv);display:flex;flex-direction:column;gap:.35rem}
.yg-kart:hover{border-color:var(--edge2);transform:translateY(-2px)}
.yg-kart--sag{align-items:flex-end;text-align:right}
.yg-etiket{font-size:.7rem;color:var(--tx2);text-transform:uppercase;letter-spacing:.5px}
.yg-baslik{font-size:.875rem;font-weight:700;color:var(--wh)}
.iletisim-izgara{display:grid;grid-template-columns:1fr 1.4fr;gap:3rem;align-items:start}
.il-oge{display:flex;gap:.875rem;margin-bottom:1.625rem;align-items:flex-start}
.il-simge{width:46px;height:46px;border-radius:var(--r1);background:var(--gr-f);color:var(--gr);display:flex;align-items:center;justify-content:center;font-size:1rem;flex-shrink:0;border:1px solid rgba(34,197,94,.2)}
.il-etiket{font-size:.7rem;color:var(--tx2);text-transform:uppercase;letter-spacing:.5px;margin-bottom:.25rem}
.il-deger{font-size:.9rem;color:var(--tx);font-weight:500}
.il-deger a{color:var(--tx);text-decoration:none}
.il-deger a:hover{color:var(--gr)}
.harita-cati{border-radius:var(--r3);overflow:hidden;border:1px solid var(--edge)}
.harita-cati iframe{width:100%;height:420px;display:block;filter:grayscale(12%) brightness(.83) saturate(.8)}
.yasal-govde{max-width:780px;margin:0 auto}
.yasal-govde h2{font-size:1.3rem;margin-top:2.25rem;margin-bottom:.875rem;padding-top:1.875rem;border-top:1px solid var(--edge)}
.yasal-govde h2:first-of-type{border-top:none;padding-top:0;margin-top:0}
.yasal-govde h3{font-size:1rem;margin-top:1.375rem;margin-bottom:.625rem}
.yasal-govde p{color:var(--tx2);line-height:1.85;font-size:.95rem}
.yasal-tarih{display:inline-block;background:var(--bg3);border:1px solid var(--edge);border-radius:var(--r2);padding:.625rem 1.1rem;font-size:.82rem;color:var(--tx2);margin-bottom:2.25rem}
.yasal-tarih i{color:var(--gr);margin-right:.4rem}
.hata-sahne{min-height:100vh;display:flex;align-items:center;justify-content:center;text-align:center;padding:2rem}
.hata-no{font-size:clamp(5rem,18vw,11rem);font-weight:900;line-height:1;background:linear-gradient(135deg,var(--gr),#86efac);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.06em;margin-bottom:.875rem}
.hata-baslik{font-size:1.65rem;margin-bottom:.875rem}
.hata-aciklama{color:var(--tx2);max-width:460px;margin:0 auto 1.875rem;font-size:.975rem;line-height:1.75}
.hata-butonlar{display:flex;gap:.875rem;justify-content:center;flex-wrap:wrap}
.alt-kisim{background:var(--bg2);border-top:1px solid var(--edge);padding-top:3.75rem}
.ak-icerik{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:3rem;padding-bottom:3rem;border-bottom:1px solid var(--edge)}
.ak-marka__logo-sat{display:flex;align-items:center;gap:.75rem;margin-bottom:.875rem;text-decoration:none}
.ak-logo-resim{width:200px;height:60px;object-fit:contain}
.ak-marka-ad{font-size:1.15rem;font-weight:800;letter-spacing:-.04em;color:var(--wh)}
.ak-marka-ad em{font-style:normal;color:var(--gr)}
.ak-metin{color:var(--tx2);font-size:.825rem;line-height:1.75;margin-bottom:1.375rem;max-width:260px}
.ak-sosyal{display:flex;gap:.5rem;flex-wrap:wrap}
.sosyal-ikon{width:36px;height:36px;border-radius:var(--r1);background:var(--bg3);border:1px solid var(--edge);color:var(--tx2);display:flex;align-items:center;justify-content:center;font-size:.85rem;text-decoration:none;transition:var(--mv)}
.sosyal-ikon:hover{background:var(--gr-f);border-color:rgba(34,197,94,.4);color:var(--gr);transform:translateY(-2px)}
.ak-baslik{font-size:.8rem;font-weight:700;color:var(--wh);text-transform:uppercase;letter-spacing:.75px;margin-bottom:1.1rem}
.ak-linkler{display:flex;flex-direction:column;gap:.6rem}
.ak-linkler a{color:var(--tx2);font-size:.85rem;text-decoration:none;transition:var(--mv);display:flex;align-items:center;gap:.4rem}
.ak-linkler a i{font-size:.62rem;opacity:.55}
.ak-linkler a:hover{color:var(--gr);padding-left:4px}
.ak-alt{padding:1.5rem 0;display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}
.ak-telif{color:var(--tx3);font-size:.78rem}
.ak-telif a{color:var(--tx2);text-decoration:none}
.ak-telif a:hover{color:var(--gr)}
.ak-yasal{display:flex;gap:1.5rem;flex-wrap:wrap}
.ak-yasal a{color:var(--tx3);font-size:.78rem;text-decoration:none;transition:var(--mv)}
.ak-yasal a:hover{color:var(--gr)}
.yuksel-btn{position:fixed;bottom:1.875rem;right:1.375rem;width:42px;height:42px;border-radius:50%;background:var(--gr);color:#000;display:flex;align-items:center;justify-content:center;font-size:.9rem;cursor:pointer;border:none;box-shadow:0 4px 18px rgba(34,197,94,.4);transition:var(--mv);z-index:900;opacity:0;transform:translateY(18px);pointer-events:none}
.yuksel-btn.gorun{opacity:1;transform:translateY(0);pointer-events:all}
.yuksel-btn:hover{background:var(--gr2);transform:translateY(-3px);box-shadow:0 8px 26px rgba(34,197,94,.55)}
.vurgu{background:var(--gr-f);border:1px solid rgba(34,197,94,.2);border-radius:var(--r2);padding:1.375rem}
.uyari-kutu{background:var(--or-f);border:1px solid rgba(245,158,11,.2);border-radius:var(--r2);padding:1.375rem}
.sr-sakli{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.canli{width:9px;height:9px;background:var(--ok);border-radius:50%;animation:nabiz 2.5s ease infinite;display:inline-block}
@keyframes yuzme{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}
@keyframes nabiz{0%,100%{box-shadow:0 0 0 0 rgba(74,222,128,.35)}50%{box-shadow:0 0 0 12px rgba(74,222,128,0)}}
@keyframes yukariGel{from{opacity:0;transform:translateY(26px)}to{opacity:1;transform:translateY(0)}}
.s-belir{opacity:0;transform:translateY(20px);transition:opacity .5s ease,transform .5s ease,border-color .25s,box-shadow .25s}.s-belir.s-ok{opacity:1!important;transform:translateY(0)!important}
@media(max-width:1024px){.hero-izgara{grid-template-columns:1fr;flex-direction:column}.hero-sol{display:none}.iletisim-izgara{grid-template-columns:1fr}.puan-panel{grid-template-columns:1fr;text-align:center}.ak-icerik{grid-template-columns:1fr 1fr;gap:2rem}}
@media(max-width:820px){.menu-bag,.menu-sag{display:none}.sandvic{display:flex}.yan-menu{display:block}.yazi-grid{grid-template-columns:1fr}.bilgi-grid{grid-template-columns:1fr}.oyun-grid,.dusunce-grid,.referans-grid{grid-template-columns:1fr}.is-grid{grid-template-columns:repeat(2,1fr)}.ak-icerik{grid-template-columns:1fr;gap:1.75rem}.ak-alt{flex-direction:column;text-align:center}.ak-yasal{justify-content:center}.cagri-alani{padding:2.5rem 1.5rem}.yazi-gecis{grid-template-columns:1fr}}
@media(max-width:520px){.bolum{padding:3rem 0}.btn-lg{padding:.9rem 1.875rem}.is-grid{grid-template-columns:1fr 1fr}.hero-sayilar{gap:1.5rem}.hs-deger{font-size:1.5rem}}
