/* Betcoolgirisi.net — ana stil dosyası
   Amaç: hızlı, erişilebilir, minify edilebilir statik CSS */
:root{
  --black:#090507;
  --charcoal:#151415;
  --dark-brown:#251210;
  --brown:#32281E;
  --wood:#513A25;
  --gold-brown:#725E3E;
  --antique-gold:#A99C7F;
  --gold:#C79A3A;
  --dark-gold:#8C6A28;
  --bronze:#6B4A1D;
  --cream:#E6D6BE;
  --ink-soft:#BBA98C;
  --ink-faint:#7A6C58;
  --line:rgba(199,154,58,0.22);
  --line-soft:rgba(230,214,190,0.1);
  --focus:#E6D6BE;
}
*{box-sizing:border-box; margin:0; padding:0;}
html{scroll-behavior:smooth;}
body{
  background:var(--black); color:var(--cream);
  font-family:'Inter',sans-serif; line-height:1.62;
  -webkit-font-smoothing:antialiased; overflow-x:hidden;
  position:relative;
  /* Kontrast: krem metin / koyu zemin */
}
body::before{
  content:''; position:fixed; inset:0; pointer-events:none; z-index:1; opacity:0.5; mix-blend-mode:overlay;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.35'/%3E%3C/svg%3E");
}
h1,h2,h3,h4{font-family:'Bodoni Moda',serif; font-weight:600; color:var(--cream); letter-spacing:0.01em;}
.mono{font-family:'JetBrains Mono',monospace;}
a{color:inherit; text-decoration:none;}
img,svg{display:block; max-width:100%; height:auto;}
/* CLS önleme: logo oranları sabit */
.logo-img{height:36px; width:auto; aspect-ratio:4 / 1; object-fit:contain;}
.emblem-img{width:160px; max-width:70vw; height:auto; aspect-ratio:4 / 1; object-fit:contain; margin:0 auto 30px; display:block;}
.wrap{max-width:1180px; margin:0 auto; padding:0 32px; position:relative; z-index:2;}
.wrap-narrow{max-width:760px;}
section{position:relative; z-index:2;}
:focus-visible{outline:2px solid var(--focus); outline-offset:3px;}
.btn:focus-visible,.nav-links a:focus-visible,.text-link:focus-visible{outline:2px solid var(--focus); outline-offset:3px;}
.text-link{color:var(--gold); text-decoration:underline; text-underline-offset:3px;}
.text-link:hover{color:var(--cream);}

/* Erişilebilirlik yardımcıları */
.skip-link{
  position:absolute; left:12px; top:-80px; z-index:100;
  background:var(--gold); color:var(--black); padding:10px 16px;
  font-weight:700; font-size:0.85rem; transition:top .2s ease;
}
.skip-link:focus{top:12px;}
.sr-only{
  position:absolute; width:1px; height:1px; padding:0; margin:-1px;
  overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0;
}

.gold-text{background:linear-gradient(120deg, var(--antique-gold), var(--gold) 40%, var(--cream) 55%, var(--gold) 70%, var(--dark-gold)); -webkit-background-clip:text; background-clip:text; color:transparent;}

/* ---------------- NAV ---------------- */
header.nav{position:sticky; top:0; z-index:70; background:rgba(9,5,7,0.86); backdrop-filter:blur(10px); border-bottom:1px solid var(--line);}
.nav-inner{display:flex; align-items:center; justify-content:space-between; gap:16px; padding:18px 32px; max-width:1180px; margin:0 auto; position:relative; z-index:2;}
.logo{display:flex; align-items:center; gap:12px; font-family:'Bodoni Moda',serif; font-weight:600; font-size:1.25rem; color:var(--cream); letter-spacing:0.06em; text-transform:uppercase;}
.logo-mark{width:32px; height:32px;}
.nav-links{display:flex; gap:32px; font-size:0.84rem; font-weight:500; color:var(--ink-soft); text-transform:uppercase; letter-spacing:0.07em;}
.nav-links a:hover,.nav-links a[aria-current="page"]{color:var(--gold);}
.btn{display:inline-flex; align-items:center; justify-content:center; gap:8px; font-weight:600; font-size:0.82rem; padding:12px 26px; transition:background .25s ease, border-color .25s ease, color .25s ease; cursor:pointer; text-transform:uppercase; letter-spacing:0.08em; border:1px solid var(--gold); text-align:center;}
.btn-primary{background:var(--gold); color:var(--black);}
.btn-primary:hover{background:var(--cream); border-color:var(--cream);}
.btn-ghost{background:transparent; color:var(--cream); border-color:var(--line);}
.btn-ghost:hover{border-color:var(--gold); color:var(--gold);}
.btn-small{padding:9px 18px; font-size:0.74rem;}

/* ---------------- HERO ---------------- */
.hero{padding:110px 0 80px; border-bottom:1px solid var(--line); text-align:center;
  background:radial-gradient(ellipse 700px 500px at 50% 0%, rgba(199,154,58,0.09), transparent 65%);
}
.eyebrow{display:inline-flex; align-items:center; gap:10px; font-family:'JetBrains Mono',monospace; font-size:0.72rem; letter-spacing:0.2em; color:var(--gold); text-transform:uppercase; margin-bottom:30px;}
.eyebrow::before,.eyebrow::after{content:''; width:24px; height:1px; background:var(--line);}
.emblem{width:92px; margin:0 auto 30px;}
.hero h1{font-size:clamp(2.4rem,5.2vw,4rem); line-height:1.1; max-width:820px; margin:0 auto 24px;}
.hero p.lead{font-size:1.05rem; color:var(--ink-soft); max-width:560px; margin:0 auto 28px;}
.hero-perks{
  list-style:none; max-width:640px; margin:0 auto 32px; text-align:left;
  display:flex; flex-direction:column; gap:10px;
}
.hero-perks li{
  font-size:0.92rem; color:var(--ink-soft); padding:10px 14px;
  border:1px solid var(--line-soft); background:rgba(21,20,21,0.45);
}
.hero-perks li strong{color:var(--cream); font-weight:600;}
.btn-row{display:flex; gap:14px; justify-content:center; flex-wrap:wrap;}

/* Sosyal & destek */
.social-support{padding:80px 0; border-bottom:1px solid var(--line);}
.social-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:16px; margin-top:36px;}
.social-card{
  display:flex; flex-direction:column; gap:8px; align-items:flex-start;
  border:1px solid var(--line); padding:22px 20px; transition:background .25s ease, border-color .25s ease;
}
.social-card:hover{background:var(--dark-brown); border-color:var(--gold);}
.social-card strong{font-family:'Bodoni Moda',serif; font-size:1.1rem; color:var(--cream);}
.social-card span{font-size:0.84rem; color:var(--ink-soft);}
.mail-note{margin-top:18px; font-size:0.88rem; color:var(--ink-faint);}
.mail-note .text-link{color:var(--ink-soft);}

/* ---------------- TICKER ---------------- */
.ticker-bar{background:var(--charcoal); border-bottom:1px solid var(--line); overflow:hidden; padding:14px 0;}
.ticker-track{display:flex; gap:48px; white-space:nowrap; animation:ticker 28s linear infinite; width:max-content;}
.ticker-track span{font-family:'JetBrains Mono',monospace; font-size:0.78rem; color:var(--ink-soft); display:flex; align-items:center; gap:10px;}
.ticker-track span b{color:var(--gold); font-weight:600;}
.ticker-track span::before{content:'❖'; color:var(--gold); font-size:0.7rem;}
@keyframes ticker{ from{transform:translateX(0);} to{transform:translateX(-50%);} }

/* ---------------- SECTION HEAD ---------------- */
.section-head{max-width:600px; margin:0 auto 56px; text-align:center;}
.section-head h2{font-size:clamp(1.85rem,3.2vw,2.5rem); margin-bottom:14px;}
.section-head p{color:var(--ink-soft); font-size:1rem;}

/* ---------------- BONUSES ---------------- */
.bonuses{padding:110px 0; border-bottom:1px solid var(--line);}
.bonus-grid{display:grid; grid-template-columns:repeat(4,1fr); gap:1px; background:var(--line); border:1px solid var(--line);}
.bonus-card{background:var(--black); padding:34px 26px; transition:background .3s ease;}
.bonus-card:hover{background:var(--dark-brown);}
.bonus-icon{width:40px; height:40px; margin-bottom:22px;}
.bonus-card h3{font-size:1.08rem; margin-bottom:10px;}
.bonus-card p{font-size:0.88rem; color:var(--ink-soft);}

/* ---------------- MEMBERSHIP TIERS ---------------- */
.tiers{padding:110px 0; border-bottom:1px solid var(--line); background:var(--charcoal);}
.tier-grid{display:grid; grid-template-columns:repeat(4,1fr); gap:20px;}
.tier-card{border:1px solid var(--line); padding:36px 24px; text-align:center; position:relative;}
.seal{width:64px; height:64px; margin:0 auto 22px;}
.tier-card h3{font-size:1.15rem; margin-bottom:6px; text-transform:uppercase; letter-spacing:0.05em;}
.tier-card .req{font-family:'JetBrains Mono',monospace; font-size:0.74rem; color:var(--gold); display:block; margin-bottom:16px;}
.tier-card p{font-size:0.85rem; color:var(--ink-soft);}

/* ---------------- TOURNAMENTS (fixture board) ---------------- */
.tournaments{padding:110px 0; border-bottom:1px solid var(--line);}
.fixture{border-top:1px solid var(--line);}
.fixture-row{display:grid; grid-template-columns:150px 1fr 150px 150px 110px; align-items:center; gap:20px; padding:24px 8px; border-bottom:1px solid var(--line); transition:background .2s;}
.fixture-row:hover{background:var(--charcoal);}
.fixture-row .f-date{font-family:'JetBrains Mono',monospace; font-size:0.78rem; color:var(--gold);}
.fixture-row .f-name{font-family:'Bodoni Moda',serif; font-weight:600; font-size:1.15rem; color:var(--cream);}
.fixture-row .f-game{font-size:0.84rem; color:var(--ink-soft);}
.fixture-row .f-prize{font-family:'JetBrains Mono',monospace; font-size:0.82rem; color:var(--antique-gold);}
.fixture-head{display:grid; grid-template-columns:150px 1fr 150px 150px 110px; gap:20px; padding:0 8px 14px; font-family:'JetBrains Mono',monospace; font-size:0.7rem; color:var(--ink-faint); text-transform:uppercase; letter-spacing:0.07em;}

/* ---------------- STATS ---------------- */
.stats{padding:70px 0; border-bottom:1px solid var(--line); background:var(--charcoal);}
.stats-grid{display:grid; grid-template-columns:repeat(4,1fr);}
.stat{text-align:center; padding:0 16px; border-right:1px solid var(--line);}
.stat:last-child{border-right:none;}
.stat .num{font-family:'Bodoni Moda',serif; font-weight:600; font-size:2.3rem; color:var(--gold);}
.stat .label{font-size:0.8rem; color:var(--ink-soft); margin-top:6px; text-transform:uppercase; letter-spacing:0.04em;}

/* ---------------- WHY ---------------- */
.why{padding:110px 0; border-bottom:1px solid var(--line);}
.why-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:1px; background:var(--line); border:1px solid var(--line);}
.why-card{background:var(--black); padding:34px 28px;}
.why-icon{width:38px; height:38px; margin-bottom:18px;}
.why-card h3{font-size:1.08rem; margin-bottom:10px;}
.why-card p{font-size:0.87rem; color:var(--ink-soft);}

/* ---------------- CTA ---------------- */
.cta{padding:120px 0; text-align:center;}
.cta h2{font-size:clamp(2rem,4vw,2.8rem); margin-bottom:18px;}
.cta p{color:var(--ink-soft); max-width:460px; margin:0 auto 32px;}

/* ---------------- FOOTER ---------------- */
footer{padding:56px 0 30px; border-top:1px solid var(--line); background:var(--charcoal);}
.footer-grid{display:grid; grid-template-columns:1.4fr 1fr 1fr 1fr; gap:36px;}
.footer-brand p{margin-top:14px; font-size:0.88rem; color:var(--ink-soft); max-width:280px;}
.footer-col h3{font-size:0.95rem; margin-bottom:16px; letter-spacing:0.04em; text-transform:uppercase;}
.footer-col ul{list-style:none; display:flex; flex-direction:column; gap:10px;}
.footer-col a{font-size:0.84rem; color:var(--ink-soft);}
.footer-col a:hover{color:var(--gold);}
.footer-inner{display:flex; justify-content:space-between; flex-wrap:wrap; gap:24px;}
.footer-links{display:flex; gap:24px; font-size:0.82rem; color:var(--ink-soft); text-transform:uppercase; letter-spacing:0.04em;}
.footer-links a:hover{color:var(--gold);}
.footer-bottom{margin-top:36px; padding-top:20px; border-top:1px solid var(--line); font-size:0.76rem; color:var(--ink-faint); display:flex; justify-content:space-between; flex-wrap:wrap; gap:10px;}

/* ---------------- BREADCRUMB ---------------- */
.breadcrumb{padding:22px 0 0; font-size:0.78rem; color:var(--ink-faint);}
.breadcrumb ol{list-style:none; display:flex; flex-wrap:wrap; gap:8px; align-items:center;}
.breadcrumb li{display:flex; align-items:center; gap:8px;}
.breadcrumb li:not(:last-child)::after{content:'/'; color:var(--ink-faint);}
.breadcrumb a{color:var(--ink-soft);}
.breadcrumb a:hover{color:var(--gold);}
.breadcrumb [aria-current="page"]{color:var(--antique-gold);}

/* ---------------- PAGE HERO / CONTENT ---------------- */
.page-hero{padding:72px 0 48px; border-bottom:1px solid var(--line);
  background:radial-gradient(ellipse 700px 420px at 50% 0%, rgba(199,154,58,0.08), transparent 65%);
}
.page-hero h1{font-size:clamp(2rem,4.4vw,3.2rem); line-height:1.12; max-width:820px; margin:0 auto 18px; text-align:center;}
.page-hero .lead{font-size:1.05rem; color:var(--ink-soft); max-width:620px; margin:0 auto; text-align:center;}
.page-hero .emblem-img{margin-bottom:24px;}
.page-hero .btn-row{margin-top:28px; justify-content:center;}
.promo-block{margin-top:40px; padding-top:36px; border-top:1px solid var(--line);}
.promo-block:first-of-type{margin-top:28px;}
.promo-meta{display:flex; flex-wrap:wrap; gap:10px 18px; margin:0 0 18px; font-family:'JetBrains Mono',monospace; font-size:0.74rem; color:var(--gold); letter-spacing:0.04em;}
.promo-meta span{color:var(--ink-soft);}

.content{padding:72px 0; border-bottom:1px solid var(--line);}
.content + .content{border-top:none;}
.prose h2{font-size:clamp(1.55rem,2.8vw,2.15rem); margin:0 0 18px;}
.prose h3{font-size:1.25rem; margin:34px 0 12px;}
.prose h4{font-size:1.05rem; margin:26px 0 10px; color:var(--antique-gold);}
.prose p{color:var(--ink-soft); margin-bottom:16px; font-size:1rem;}
.prose p:last-child{margin-bottom:0;}
.prose ul,.prose ol{margin:0 0 20px 1.2rem; color:var(--ink-soft);}
.prose li{margin-bottom:8px; padding-left:4px;}
.prose li::marker{color:var(--gold);}
.prose strong{color:var(--cream); font-weight:600;}

.note-box{border:1px solid var(--line); padding:22px 24px; margin:28px 0; background:rgba(21,20,21,0.65);}
.note-box p{margin:0; color:var(--ink-soft); font-size:0.95rem;}

.two-col{display:grid; grid-template-columns:1fr 1fr; gap:28px; margin:28px 0;}
.panel{border:1px solid var(--line); padding:26px 24px; background:var(--black);}
.panel h3,.panel h4{margin-top:0; margin-bottom:14px;}
.panel ul{margin-bottom:0;}

/* ---------------- TABLE ---------------- */
.table-wrap{overflow-x:auto; margin:28px 0; border:1px solid var(--line);}
table.data{width:100%; border-collapse:collapse; min-width:560px;}
table.data th,table.data td{padding:14px 16px; text-align:left; border-bottom:1px solid var(--line); font-size:0.9rem;}
table.data th{font-family:'JetBrains Mono',monospace; font-size:0.72rem; letter-spacing:0.06em; text-transform:uppercase; color:var(--gold); background:var(--charcoal); font-weight:500;}
table.data td{color:var(--ink-soft);}
table.data tr:last-child td{border-bottom:none;}
table.data tr:hover td{background:rgba(37,18,16,0.35);}

/* ---------------- FAQ ---------------- */
.faq{padding:90px 0; border-bottom:1px solid var(--line);}
.faq-list{max-width:760px; margin:0 auto; border-top:1px solid var(--line);}
.faq-item{border-bottom:1px solid var(--line);}
.faq-item button{width:100%; text-align:left; background:transparent; border:0; color:var(--cream); font-family:'Bodoni Moda',serif; font-size:1.12rem; font-weight:600; padding:22px 36px 22px 0; cursor:pointer; position:relative;}
.faq-item button::after{content:'+'; position:absolute; right:0; top:50%; transform:translateY(-50%); color:var(--gold); font-family:'JetBrains Mono',monospace; font-size:1.1rem;}
.faq-item button[aria-expanded="true"]::after{content:'–';}
.faq-panel{display:none; padding:0 8px 22px 0; color:var(--ink-soft); font-size:0.95rem;}
.faq-item.is-open .faq-panel{display:block;}

/* ---------------- BRANDS ---------------- */
.brands{padding:80px 0; border-bottom:1px solid var(--line); background:var(--charcoal);}
.brands-grid{display:grid; grid-template-columns:repeat(5,1fr); gap:16px; margin-top:40px;}
.brand-chip{border:1px solid var(--line); padding:22px 12px; text-align:center; font-family:'Bodoni Moda',serif; font-size:1rem; color:var(--antique-gold); letter-spacing:0.04em;}
.brand-chip span{display:block; margin-top:6px; font-family:'JetBrains Mono',monospace; font-size:0.68rem; color:var(--ink-faint); letter-spacing:0.08em; text-transform:uppercase;}

/* ---------------- RELATED ---------------- */
.related{padding:70px 0; border-bottom:1px solid var(--line);}
.related-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:18px; margin-top:32px;}
.related a{display:block; border:1px solid var(--line); padding:24px 22px; transition:background .25s ease, border-color .25s ease;}
.related a:hover{background:var(--dark-brown); border-color:var(--gold);}
.related a strong{display:block; font-family:'Bodoni Moda',serif; font-size:1.1rem; margin-bottom:8px; color:var(--cream);}
.related a span{font-size:0.88rem; color:var(--ink-soft);}

/* ---------------- SOURCES ---------------- */
.sources{margin-top:28px; padding-top:20px; border-top:1px solid var(--line-soft);}
.sources h4{margin-bottom:12px;}
.sources ul{margin-bottom:0;}

/* ---------------- NAV TOGGLE ---------------- */
.nav-toggle{display:none; background:transparent; border:1px solid var(--line); color:var(--cream); padding:8px 12px; font-size:0.72rem; letter-spacing:0.08em; text-transform:uppercase; cursor:pointer; font-family:'JetBrains Mono',monospace;}
.nav-toggle:hover{border-color:var(--gold); color:var(--gold);}

/* ---------- Responsive: 1440 / 1024 / 768 / 480 / 320 ---------- */
@media (min-width:1440px){
  .wrap{max-width:1240px;}
  .nav-inner{max-width:1240px;}
}

@media (max-width:1024px){
  .nav-links{gap:20px; font-size:0.78rem;}
  .bonus-grid{grid-template-columns:repeat(2,1fr);}
  .tier-grid{grid-template-columns:repeat(2,1fr); row-gap:24px;}
  .stats-grid{grid-template-columns:repeat(2,1fr); row-gap:26px;}
  .stat:nth-child(2){border-right:none;}
  .brands-grid{grid-template-columns:repeat(3,1fr);}
  .fixture-row,.fixture-head{grid-template-columns:140px 1fr 130px 110px;}
  .fixture-row .f-game, .fixture-head span:nth-child(3){display:none;}
}

@media (max-width:768px){
  .nav-toggle{display:inline-flex;}
  .nav-links{display:none; position:absolute; top:100%; left:0; right:0; background:rgba(9,5,7,0.96); border-bottom:1px solid var(--line); flex-direction:column; gap:0; padding:12px 32px 20px;}
  .nav-links.is-open{display:flex;}
  .nav-links a{padding:12px 0; border-bottom:1px solid var(--line-soft);}
  .nav-inner{flex-wrap:wrap;}
  header.nav .btn-primary.btn-small{display:none;}
  .why-grid{grid-template-columns:1fr;}
  .footer-grid{grid-template-columns:1fr 1fr; gap:28px;}
  .two-col,.related-grid,.social-grid{grid-template-columns:1fr 1fr;}
  .hero{padding:80px 0 60px;}
  .page-hero{padding:56px 0 36px;}
  .content,.tournaments,.faq{padding:64px 0;}
}

@media (max-width:480px){
  .wrap{padding:0 18px;}
  .nav-inner{padding:14px 18px;}
  .nav-links{padding-left:18px; padding-right:18px;}
  .bonus-grid,.tier-grid{grid-template-columns:1fr;}
  .stats-grid{grid-template-columns:1fr 1fr;}
  .fixture-row,.fixture-head{grid-template-columns:1fr 1fr;}
  .fixture-row .f-prize, .fixture-head span:last-child{display:none;}
  .footer-grid{grid-template-columns:1fr;}
  .brands-grid{grid-template-columns:repeat(2,1fr);}
  .social-grid{grid-template-columns:1fr;}
  .hero h1,.page-hero h1{font-size:clamp(1.85rem,8vw,2.4rem);}
  .btn-small{padding:8px 12px; font-size:0.68rem;}
  .hero-perks{max-width:100%;}
}

@media (max-width:320px){
  .wrap{padding:0 14px;}
  .nav-inner{padding:12px 14px; gap:10px;}
  .logo-img{height:30px;}
  .emblem-img{width:132px;}
  .btn{padding:10px 16px; font-size:0.74rem;}
  .ticker-track span{font-size:0.7rem;}
  .promo-meta{font-size:0.68rem;}
}

@media (prefers-reduced-motion: reduce){
  html{scroll-behavior:auto;}
  .ticker-track{animation:none;}
  *{transition-duration:0.001ms !important;}
}