:root{--os-bg:#0f0d0b;--os-bg2:#1a1610;--os-bg3:#211d18;--os-card:#271f17;--os-line:#3a3028;--os-line2:#4d4238;--os-teal:#00c9a7;--os-teal2:#00e8c3;--os-orange:#ff6b35;--os-orange2:#ff8c5a;--os-amber:#f4b942;--os-text:#e8dfd8;--os-soft:#a09080;--os-white:#ffffff;--os-foot:#0a0806;--ff:'Trebuchet MS','Arial',sans-serif;--fw4:400;--fw6:600;--fw7:700;--fw9:900;--ease:.28s ease;--frame:1260px;--sh:0 6px 28px rgba(0,0,0,.55)}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{font-size:16px;scroll-behavior:smooth}
body{background:var(--os-bg);color:var(--os-text);font-family:var(--ff);line-height:1.72;-webkit-font-smoothing:antialiased;overflow-x:hidden}
img{max-width:100%;height:auto;display:block}
a{color:var(--os-teal);text-decoration:none;transition:color var(--ease)}
a:hover{color:var(--os-teal2)}
h1,h2,h3,h4,h5,h6{font-family:var(--ff);color:var(--os-white);line-height:1.18;font-weight:var(--fw7)}
h1{font-size:clamp(2rem,5.5vw,3.5rem);font-weight:var(--fw9)}
h2{font-size:clamp(1.4rem,3vw,2.1rem)}
h3{font-size:clamp(1.15rem,2.2vw,1.55rem)}
h4{font-size:1rem;font-weight:var(--fw7);letter-spacing:.03em}
h5{font-size:.88rem;font-weight:var(--fw6);text-transform:uppercase;letter-spacing:.1em;color:var(--os-soft)}
h6{font-size:.76rem;font-weight:var(--fw6)}
p{margin-bottom:.9rem;color:var(--os-soft)}
ul,ol{padding-left:1.4rem;color:var(--os-soft)}
strong{color:var(--os-text)}

.frame{max-width:var(--frame);margin:0 auto;padding:0 24px}
.seg{padding:72px 0}
.seg-sm{padding:40px 0}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}

.label{display:inline-block;font-size:.68rem;font-weight:var(--fw7);text-transform:uppercase;letter-spacing:.14em;padding:4px 12px;border-left:2px solid var(--os-teal);background:rgba(0,201,167,.08);color:var(--os-teal);margin-bottom:12px}
.label-orange{border-color:var(--os-orange);background:rgba(255,107,53,.08);color:var(--os-orange)}
.label-amber{border-color:var(--os-amber);background:rgba(244,185,66,.08);color:var(--os-amber)}

.btn{display:inline-flex;align-items:center;gap:8px;padding:11px 24px;border:none;cursor:pointer;font-family:var(--ff);font-size:.9rem;font-weight:var(--fw7);transition:all var(--ease);text-decoration:none;white-space:nowrap;border-radius:0}
.btn-teal{background:var(--os-teal);color:#0f0d0b}
.btn-teal:hover{background:var(--os-teal2);color:#0f0d0b;transform:translateY(-1px);box-shadow:0 4px 20px rgba(0,201,167,.3)}
.btn-orange{background:var(--os-orange);color:var(--os-white)}
.btn-orange:hover{background:var(--os-orange2);color:var(--os-white);transform:translateY(-1px);box-shadow:0 4px 20px rgba(255,107,53,.3)}
.btn-ghost{background:transparent;color:var(--os-teal);border:1px solid var(--os-teal)}
.btn-ghost:hover{background:var(--os-teal);color:#0f0d0b}
.btn-outline-soft{background:transparent;color:var(--os-soft);border:1px solid var(--os-line2)}
.btn-outline-soft:hover{border-color:var(--os-teal);color:var(--os-teal)}
.btn-lg{padding:14px 32px;font-size:1rem}
.btn-sm{padding:7px 16px;font-size:.8rem}

.card{background:var(--os-card);border:1px solid var(--os-line);border-top:2px solid var(--os-teal)}
.card-orange{border-top-color:var(--os-orange)}
.card-amber{border-top-color:var(--os-amber)}
.card:hover{border-top-color:var(--os-teal2)}

.t-center{text-align:center}
.t-teal{color:var(--os-teal)}
.t-orange{color:var(--os-orange)}
.t-amber{color:var(--os-amber)}
.t-soft{color:var(--os-soft)}
.t-white{color:var(--os-white)}
.g1{margin-top:6px}.g2{margin-top:12px}.g3{margin-top:20px}.g4{margin-top:32px}.g5{margin-top:48px}
.b1{margin-bottom:6px}.b2{margin-bottom:12px}.b3{margin-bottom:20px}.b4{margin-bottom:32px}
.fx{display:flex;align-items:center;gap:12px}
.fx-wrap{flex-wrap:wrap}
.fx-center{justify-content:center}
.fx-between{justify-content:space-between}
.g2c{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}
.g3c{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.g4c{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.split-main{display:grid;grid-template-columns:1.1fr 1fr;gap:60px;align-items:center}
.split-rev{direction:rtl}
.split-rev>*{direction:ltr}

#topbar{position:fixed;top:0;left:0;width:100%;z-index:1000;background:var(--os-bg2);border-bottom:1px solid var(--os-line)}
.topbar-inner{display:flex;align-items:center;justify-content:space-between;height:62px;gap:20px}
.site-brand{display:flex;align-items:center;gap:10px;text-decoration:none}
.site-brand img{width:200px;height:60px;object-fit:contain}
.site-brand-name{font-size:1.2rem;font-weight:var(--fw9);color:var(--os-white);letter-spacing:-.01em}
.site-brand-name span{color:var(--os-teal)}
.topnav{display:flex;align-items:center;gap:0;list-style:none}
.topnav li a{display:block;padding:8px 14px;font-size:.85rem;font-weight:var(--fw6);color:var(--os-soft);transition:all var(--ease);border-bottom:2px solid transparent}
.topnav li a:hover,.topnav li a.on{color:var(--os-teal);border-bottom-color:var(--os-teal)}
.topbar-right{display:flex;align-items:center;gap:10px}
.burger{display:none;flex-direction:column;gap:4px;background:none;border:none;cursor:pointer;padding:6px}
.burger span{display:block;width:22px;height:2px;background:var(--os-white);transition:all var(--ease)}
.burger.x span:nth-child(1){transform:translateY(6px) rotate(45deg)}
.burger.x span:nth-child(2){opacity:0}
.burger.x span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}
.drawer{display:none;position:fixed;top:62px;left:0;right:0;background:var(--os-bg3);border-bottom:1px solid var(--os-line);z-index:990;padding:16px 24px 28px}
.drawer.open{display:block}
.drawer ul{list-style:none;padding:0}
.drawer ul li{border-bottom:1px solid var(--os-line)}
.drawer ul li a{display:flex;align-items:center;gap:10px;padding:13px 2px;color:var(--os-text);font-size:.95rem;font-weight:var(--fw6)}
.drawer ul li a:hover{color:var(--os-teal)}
.drawer-btns{margin-top:16px;display:flex;flex-direction:column;gap:10px}

.hero-seg{padding:110px 0 64px;min-height:100svh;display:flex;align-items:center;position:relative;overflow:hidden}
.hero-bg-img{position:absolute;right:0;top:0;bottom:0;width:50%;object-fit:cover;opacity:.2;z-index:0}
.hero-bg-grad{position:absolute;inset:0;background:linear-gradient(90deg,var(--os-bg) 45%,transparent 100%);z-index:1}
.hero-content{position:relative;z-index:2;max-width:640px}
.hero-kicker{display:inline-flex;align-items:center;gap:8px;background:rgba(0,201,167,.1);border:1px solid rgba(0,201,167,.2);padding:5px 14px;font-size:.72rem;font-weight:var(--fw7);text-transform:uppercase;letter-spacing:.12em;color:var(--os-teal);margin-bottom:20px}
.hero-kicker::before{content:'';width:8px;height:8px;border-radius:50%;background:var(--os-teal);animation:blink 1.4s ease-in-out infinite}
@keyframes blink{0%,100%{opacity:.3}50%{opacity:1}}
.hero-h1{margin-bottom:16px}
.hero-h1 mark{background:none;color:var(--os-teal);font-style:normal}
.hero-desc{font-size:1.05rem;max-width:540px;margin-bottom:30px;line-height:1.8}
.hero-ctas{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:48px}
.hero-data-row{display:flex;flex-wrap:wrap;gap:0}
.hero-data-item{padding:16px 28px 16px 0;border-right:1px solid var(--os-line);margin-right:28px}
.hero-data-item:last-child{border-right:none}
.hero-data-item strong{display:block;font-size:1.85rem;font-weight:var(--fw9);color:var(--os-teal);line-height:1}
.hero-data-item span{font-size:.7rem;text-transform:uppercase;letter-spacing:.1em;color:var(--os-soft);margin-top:4px;display:block}

.ticker{background:var(--os-bg3);border-top:1px solid var(--os-line);border-bottom:1px solid var(--os-line);padding:14px 0;overflow:hidden}
.ticker-row{display:flex;gap:40px;align-items:center;flex-wrap:wrap;justify-content:center}
.ticker-item{display:flex;align-items:center;gap:8px;font-size:.8rem;color:var(--os-soft);white-space:nowrap}
.ticker-item i{color:var(--os-teal);font-size:.9rem}
.ticker-item strong{color:var(--os-text);font-size:.82rem}

.num-block{display:flex;gap:28px;align-items:flex-start;padding:28px;background:var(--os-card);border:1px solid var(--os-line)}
.num-block-num{font-size:2.4rem;font-weight:var(--fw9);color:var(--os-teal);line-height:1;flex-shrink:0;width:52px}
.num-block-body h4{font-size:1rem;margin-bottom:6px}
.num-block-body p{font-size:.88rem;margin:0}

.game-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:0}
.game-block{position:relative;overflow:hidden;aspect-ratio:4/3}
.game-block img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}
.game-block:hover img{transform:scale(1.08)}
.game-block-over{position:absolute;inset:0;background:linear-gradient(to top,rgba(15,13,11,.92) 0%,rgba(15,13,11,.1) 60%);display:flex;flex-direction:column;justify-content:flex-end;padding:20px}
.game-block-cat{display:inline-block;font-size:.62rem;font-weight:var(--fw7);text-transform:uppercase;letter-spacing:.1em;padding:3px 8px;margin-bottom:8px}
.cat-aksiyon{background:var(--os-orange);color:#fff}
.cat-takim{background:var(--os-teal);color:#0f0d0b}
.cat-bulmaca{background:var(--os-amber);color:#0f0d0b}
.cat-yaris{background:#a855f7;color:#fff}
.cat-fps{background:#e63946;color:#fff}
.cat-macera{background:#22c55e;color:#0f0d0b}
.game-block h4{font-size:1.05rem;margin-bottom:4px}
.game-block p{font-size:.78rem;color:var(--os-soft);margin:0}
.game-stars{display:flex;align-items:center;gap:3px;margin-top:8px}
.game-stars i{color:var(--os-amber);font-size:.7rem}
.game-meta{display:flex;align-items:center;gap:10px;margin-top:4px;font-size:.72rem;color:var(--os-soft)}
.game-meta i{color:var(--os-teal)}

.insight-row{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--os-line);border:1px solid var(--os-line)}
.insight-cell{background:var(--os-card);padding:32px 28px;position:relative}
.insight-cell-num{font-size:4rem;font-weight:var(--fw9);color:rgba(0,201,167,.07);position:absolute;top:12px;right:16px;line-height:1;pointer-events:none}
.insight-cell h4{font-size:1rem;margin-bottom:10px;border-bottom:1px solid var(--os-line);padding-bottom:10px}
.insight-cell p{font-size:.87rem;margin:0}

.makale-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:1px;background:var(--os-line)}
.makale-main{background:var(--os-card);display:flex;flex-direction:column}
.makale-main-img{overflow:hidden;aspect-ratio:16/8}
.makale-main-img img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}
.makale-main:hover .makale-main-img img{transform:scale(1.04)}
.makale-main-body{padding:28px;flex:1;display:flex;flex-direction:column}
.makale-side{display:flex;flex-direction:column;gap:1px;background:var(--os-line)}
.makale-mini{background:var(--os-card);display:flex;gap:0;flex-direction:column;transition:border var(--ease)}
.makale-mini-img{overflow:hidden;aspect-ratio:16/9}
.makale-mini-img img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}
.makale-mini:hover .makale-mini-img img{transform:scale(1.05)}
.makale-mini-body{padding:16px}
.makale-meta{display:flex;gap:14px;font-size:.73rem;color:var(--os-soft);margin-bottom:8px}
.makale-meta i{color:var(--os-teal)}
.makale-etiket{display:inline-block;font-size:.64rem;font-weight:var(--fw7);text-transform:uppercase;letter-spacing:.08em;padding:3px 8px;background:rgba(0,201,167,.1);color:var(--os-teal);border-left:2px solid var(--os-teal)}
.makale-etiket-orange{background:rgba(255,107,53,.1);color:var(--os-orange);border-color:var(--os-orange)}

.yayin-header{padding:104px 0 48px;background:var(--os-bg2);border-bottom:1px solid var(--os-line)}
.yayin-bc{display:flex;align-items:center;gap:8px;font-size:.78rem;color:var(--os-soft);margin-bottom:18px;flex-wrap:wrap}
.yayin-bc a{color:var(--os-soft)}
.yayin-bc a:hover{color:var(--os-teal)}
.yayin-bc i{font-size:.62rem}
.yayin-govde{max-width:760px;margin:0 auto;padding:52px 24px 68px}
.yayin-govde h2{font-size:1.45rem;margin:34px 0 12px;padding:0 0 10px 14px;border-left:3px solid var(--os-teal)}
.yayin-govde h3{font-size:1.12rem;margin:24px 0 10px;color:var(--os-teal)}
.yayin-govde h4{font-size:1rem;margin:18px 0 8px;color:var(--os-amber)}
.yayin-govde h5{margin:16px 0 6px}
.yayin-govde p{font-size:.97rem;line-height:1.88;margin-bottom:16px;color:var(--os-text)}
.yayin-govde ul,.yayin-govde ol{margin-bottom:16px;color:var(--os-text)}
.yayin-govde li{margin-bottom:7px;line-height:1.72}
.yayin-govde strong{color:var(--os-white)}
.yayin-foto{border-radius:0;margin:28px 0;overflow:hidden;border:1px solid var(--os-line)}
.yayin-foto img{width:100%;display:block}
.yayin-foto figcaption{font-size:.76rem;color:var(--os-soft);text-align:center;padding:8px 0 3px}
.yayin-vurgu{background:var(--os-bg3);border-left:3px solid var(--os-orange);padding:16px 20px;margin:24px 0}
.yayin-vurgu p{margin:0;font-size:.93rem;color:var(--os-text)}
.etiket-seti{display:flex;flex-wrap:wrap;gap:6px}
.etiket-k{display:inline-block;padding:4px 12px;font-size:.74rem;border:1px solid var(--os-line2);color:var(--os-soft);transition:all var(--ease)}
.etiket-k:hover{border-color:var(--os-teal);color:var(--os-teal)}

.sayfa-banner{padding:104px 0 52px;background:var(--os-bg2);border-bottom:1px solid var(--os-line);position:relative;overflow:hidden}
.sayfa-banner::after{content:'';position:absolute;right:-80px;top:-80px;width:360px;height:360px;border-radius:50%;background:rgba(0,201,167,.04);pointer-events:none}
.sayfa-banner .label{margin-bottom:14px}
.sayfa-banner h1{margin-bottom:10px}
.sayfa-banner p{max-width:560px;font-size:1rem}

.sss-wrap{max-width:800px;margin:0 auto}
.sss-grup{margin-bottom:44px}
.sss-grup-baslik{display:flex;align-items:center;gap:10px;font-size:.72rem;font-weight:var(--fw7);text-transform:uppercase;letter-spacing:.12em;color:var(--os-teal);margin-bottom:16px;padding-bottom:10px;border-bottom:1px solid var(--os-line)}
.acc-item{border:1px solid var(--os-line);border-left:3px solid var(--os-line);background:var(--os-card);margin-bottom:6px;transition:border-color var(--ease)}
.acc-item.open{border-left-color:var(--os-teal)}
.acc-trigger{display:flex;align-items:center;justify-content:space-between;padding:15px 18px;cursor:pointer;gap:14px;transition:background var(--ease)}
.acc-trigger:hover{background:var(--os-bg3)}
.acc-trigger h4{font-size:.92rem;margin:0;font-weight:var(--fw6);color:var(--os-text);flex:1}
.acc-arrow{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:rgba(0,201,167,.1);flex-shrink:0}
.acc-arrow i{color:var(--os-teal);font-size:.75rem;transition:transform var(--ease)}
.acc-item.open .acc-arrow i{transform:rotate(45deg)}
.acc-item.open .acc-arrow{background:var(--os-teal)}
.acc-item.open .acc-arrow i{color:#0f0d0b}
.acc-body{max-height:0;overflow:hidden;transition:max-height .36s ease}
.acc-body-in{padding:0 18px 16px;font-size:.9rem;line-height:1.8;color:var(--os-soft)}
.acc-item.open .acc-body{max-height:600px}

.iletisim-grid{display:grid;grid-template-columns:1fr 1.6fr;gap:0;background:var(--os-line)}
.iletisim-left{background:var(--os-card);padding:36px}
.iletisim-right{background:var(--os-bg3);overflow:hidden}
.iletisim-right iframe{width:100%;height:480px;display:block;border:none}
.bilgi-row{display:flex;align-items:flex-start;gap:14px;padding:14px 0;border-bottom:1px solid var(--os-line)}
.bilgi-row:last-child{border-bottom:none}
.bilgi-ikon{width:38px;height:38px;display:flex;align-items:center;justify-content:center;background:rgba(0,201,167,.1);flex-shrink:0}
.bilgi-ikon i{color:var(--os-teal);font-size:.95rem}
.bilgi-row strong{display:block;font-size:.72rem;text-transform:uppercase;letter-spacing:.1em;color:var(--os-soft);margin-bottom:2px}
.bilgi-row span,.bilgi-row a{font-size:.92rem;color:var(--os-text)}
.sosyal-row{display:flex;gap:8px;margin-top:20px}
.sosyal-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--os-bg3);border:1px solid var(--os-line);color:var(--os-soft);font-size:.85rem;transition:all var(--ease)}
.sosyal-btn:hover{background:var(--os-teal);color:#0f0d0b;border-color:var(--os-teal)}

.politika-govde{max-width:800px;margin:0 auto;padding:52px 24px 68px}
.politika-govde h2{font-size:1.3rem;margin:32px 0 10px;padding:0 0 8px 12px;border-left:2px solid var(--os-teal)}
.politika-govde h3{font-size:1.02rem;margin:20px 0 8px;color:var(--os-amber)}
.politika-govde p{font-size:.95rem;line-height:1.88;margin-bottom:14px;color:var(--os-text)}
.politika-govde ul{margin-bottom:14px;color:var(--os-text)}
.politika-govde li{margin-bottom:7px;line-height:1.7}
.tarih-satir{display:inline-flex;align-items:center;gap:8px;background:var(--os-bg3);border:1px solid var(--os-line);padding:6px 14px;font-size:.8rem;color:var(--os-soft);margin-bottom:28px}
.tarih-satir i{color:var(--os-teal)}

.cta-kutu{background:var(--os-bg3);border-top:1px solid var(--os-line);border-bottom:1px solid var(--os-line);padding:68px 0;position:relative;overflow:hidden}
.cta-kutu::before{content:'';position:absolute;left:-100px;bottom:-100px;width:400px;height:400px;border-radius:50%;background:rgba(0,201,167,.04);pointer-events:none}
.cta-kutu h2{margin-bottom:12px}
.cta-kutu p{font-size:1rem;max-width:520px;margin:0 auto 26px}
.cta-grup{display:flex;justify-content:center;flex-wrap:wrap;gap:12px}

.hata-alan{min-height:100svh;display:flex;align-items:center;justify-content:center;padding:40px 24px}
.hata-ic{max-width:480px;text-align:center}
.hata-no{font-size:clamp(6rem,20vw,11rem);font-weight:var(--fw9);line-height:1;color:transparent;-webkit-text-stroke:2px var(--os-teal);text-shadow:0 0 80px rgba(0,201,167,.1);margin-bottom:4px}

#uste{position:fixed;bottom:22px;right:22px;width:40px;height:40px;background:var(--os-teal);color:#0f0d0b;display:flex;align-items:center;justify-content:center;font-size:.88rem;border:none;cursor:pointer;z-index:900;opacity:0;transform:translateY(16px);transition:all var(--ease)}
#uste.gorur{opacity:1;transform:translateY(0)}
#uste:hover{background:var(--os-teal2);transform:translateY(-2px)}

#altbilgi{background:var(--os-foot);border-top:1px solid var(--os-line);padding:44px 0 0}
.altbilgi-ic{display:grid;grid-template-columns:1.6fr 1fr;gap:48px;padding-bottom:40px;border-bottom:1px solid var(--os-line)}
.ab-marka img{width:200px;height:60px;object-fit:contain;margin-bottom:12px}
.ab-marka h3{font-size:1.1rem;font-weight:var(--fw9);margin-bottom:8px}
.ab-marka h3 span{color:var(--os-teal)}
.ab-marka p{font-size:.83rem;max-width:280px;line-height:1.7}
.ab-linkler{display:grid;grid-template-columns:1fr 1fr;gap:28px}
.ab-kolon h5{font-size:.68rem;font-weight:var(--fw7);text-transform:uppercase;letter-spacing:.12em;color:var(--os-soft);margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid var(--os-line)}
.ab-kolon ul{list-style:none;padding:0;display:flex;flex-direction:column;gap:7px}
.ab-kolon ul a{font-size:.85rem;color:var(--os-soft);transition:color var(--ease)}
.ab-kolon ul a:hover{color:var(--os-teal)}
.altbilgi-alt{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;padding:16px 0}
.altbilgi-alt p{font-size:.76rem;color:var(--os-soft);margin:0}
.yasal-bar{display:flex;gap:16px}
.yasal-bar a{font-size:.76rem;color:var(--os-soft)}
.yasal-bar a:hover{color:var(--os-teal)}

@keyframes kayDir{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}
[data-gir]{animation:kayDir .65s ease both}
.d1{animation-delay:.1s}.d2{animation-delay:.2s}.d3{animation-delay:.3s}.d4{animation-delay:.4s}

@media(max-width:1100px){.split-main{grid-template-columns:1fr}.hero-bg-img{width:40%;opacity:.12}.makale-grid{grid-template-columns:1fr}.insight-row{grid-template-columns:1fr 1fr}.iletisim-grid{grid-template-columns:1fr}.altbilgi-ic{grid-template-columns:1fr}}
@media(max-width:900px){.game-strip{grid-template-columns:1fr 1fr}.g3c{grid-template-columns:1fr 1fr}.insight-row{grid-template-columns:1fr}.hero-bg-img{display:none}}
@media(max-width:768px){.burger{display:flex}.topnav,.topbar-right{display:none}.seg{padding:48px 0}.g2c{grid-template-columns:1fr}.g4c{grid-template-columns:1fr 1fr}.altbilgi-ic{grid-template-columns:1fr}.altbilgi-alt{flex-direction:column;text-align:center}}
@media(max-width:520px){.game-strip{grid-template-columns:1fr}.g4c{grid-template-columns:1fr}.hero-ctas{flex-direction:column}.hero-ctas .btn{justify-content:center}}