:root{--bg:#090b0f;--panel:#11151b;--panel2:#171c23;--text:#f5f7fa;--muted:#9da6b2;--accent:#ffb21a;--accent2:#ff6a00;--line:rgba(255,255,255,.09);--max:1180px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,Arial,sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}.container{width:min(calc(100% - 40px),var(--max));margin:auto}
.site-header{position:sticky;top:0;z-index:50;background:rgba(9,11,15,.86);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}.nav{height:76px;display:flex;align-items:center;gap:28px}.brand{display:flex;align-items:center;gap:10px;font-family:"Barlow Condensed",sans-serif;font-weight:800;font-size:26px;letter-spacing:.5px}.brand>span:last-child span{color:var(--accent)}.brand-mark{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:linear-gradient(135deg,var(--accent),var(--accent2));color:#111;font-size:23px;transform:skew(-8deg)}.nav-links{display:flex;gap:22px;margin-left:auto}.nav-links a{font-size:14px;color:#c8ced6}.nav-links a:hover{color:var(--accent)}.nav-actions{display:flex;gap:10px}.btn{border:0;border-radius:8px;padding:11px 18px;font-weight:800;cursor:pointer;font-size:14px}.btn-primary{background:linear-gradient(135deg,var(--accent),var(--accent2));color:#121212}.btn-ghost{background:transparent;border:1px solid var(--line);color:var(--text)}.btn-outline{background:transparent;border:1px solid rgba(255,178,26,.5);color:var(--accent)}.btn-lg{padding:14px 24px;font-size:15px}.menu-toggle{display:none;margin-left:auto;background:none;border:0;color:white;font-size:25px}
.hero{position:relative;overflow:hidden;padding:100px 0 80px;background:radial-gradient(circle at 80% 25%,rgba(255,178,26,.16),transparent 30%),linear-gradient(180deg,#0d1015,#090b0f)}.hero:after{content:"";position:absolute;inset:auto 0 0;height:1px;background:var(--line)}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:70px;align-items:center}.eyebrow{color:var(--accent);font-weight:800;letter-spacing:2px;font-size:12px;margin:0 0 12px}.hero h1,h2{font-family:"Barlow Condensed",sans-serif;line-height:.95;margin:0;letter-spacing:-.5px}.hero h1{font-size:clamp(60px,8vw,105px)}.hero h1 span,h2 span{color:var(--accent)}.hero-text{max-width:650px;color:var(--muted);font-size:17px;margin:25px 0}.hero-buttons{display:flex;gap:12px;flex-wrap:wrap}.trust-row{display:flex;gap:32px;margin-top:42px}.trust-row div{display:flex;flex-direction:column}.trust-row strong{font-size:21px}.trust-row small{color:var(--muted)}.hero-card{background:linear-gradient(145deg,#1a2028,#0f1318);border:1px solid var(--line);border-radius:20px;padding:24px;box-shadow:0 30px 80px rgba(0,0,0,.35);transform:rotate(1deg)}.hero-card-top{display:flex;justify-content:space-between;color:#c8ced6;font-size:12px;font-weight:800}.live-dot{color:#63e28a}.match{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:18px;padding:48px 10px}.team{text-align:center;display:flex;flex-direction:column;gap:10px;align-items:center}.team-icon{display:grid;place-items:center;width:72px;height:72px;border-radius:50%;background:#252c35;border:1px solid var(--line);font-weight:800}.vs{font-family:"Barlow Condensed";font-size:26px;color:var(--accent)}.market-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.market-grid>div{padding:14px;background:#0b0f14;border:1px solid var(--line);border-radius:10px}.market-grid small,.market-grid b{display:block}.market-grid small{color:var(--muted)}.market-grid b{margin-top:3px}
.stats{background:#10141a;border-block:1px solid var(--line)}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr)}.stats-grid>div{padding:24px;border-right:1px solid var(--line);display:flex;flex-direction:column}.stats-grid>div:last-child{border-right:0}.stats-grid strong{font-family:"Barlow Condensed";font-size:32px;color:var(--accent)}.stats-grid span{color:var(--muted);font-size:13px}
.section{padding:95px 0}.section-head{display:flex;justify-content:space-between;gap:40px;align-items:end;margin-bottom:42px}.section-head h2{font-size:clamp(42px,5vw,68px)}.section-head>p{max-width:440px;color:var(--muted);margin:0}.game-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.game-card{padding:24px;border:1px solid var(--line);background:var(--panel);border-radius:14px;transition:.25s}.game-card:hover{transform:translateY(-5px);border-color:rgba(255,178,26,.4)}.game-card.featured{background:linear-gradient(145deg,#211a0c,#12161c)}.game-icon{font-size:32px;margin-bottom:22px}.game-card h3,.feature-grid h3,.steps h3,.blog-card h3{margin:0 0 8px}.game-card p,.feature-grid p,.steps p,.blog-body p,.muted{color:var(--muted)}.game-card a,.blog-body a,.text-link{color:var(--accent);font-weight:800;font-size:13px}.dark-section{background:#0d1116;border-block:1px solid var(--line)}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}.feature-grid article{padding:30px;background:#0d1116}.feature-grid span{font-family:"Barlow Condensed";font-size:28px;color:var(--accent)}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.steps>div{padding:26px;border-top:2px solid var(--accent);background:var(--panel)}.steps b{font-family:"Barlow Condensed";font-size:38px;color:var(--accent)}.blog-section{background:#0d1116}.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.blog-card{overflow:hidden;background:var(--panel);border:1px solid var(--line);border-radius:14px}.blog-img{height:180px;display:grid;place-items:end start;padding:18px;font-family:"Barlow Condensed";font-size:28px;font-weight:800;letter-spacing:1px;background:linear-gradient(135deg,#2a1f08,#18202a)}.blog-img.football{background:linear-gradient(135deg,#122717,#1c2430)}.blog-img.tennis{background:linear-gradient(135deg,#251c10,#16231d)}.blog-body{padding:24px}.blog-body small{color:var(--muted)}.blog-body h3{font-size:21px}.faq-wrap{display:grid;grid-template-columns:.85fr 1.15fr;gap:70px}.faq-list details{border-bottom:1px solid var(--line);padding:20px 0}.faq-list summary{cursor:pointer;font-weight:800}.faq-list p{color:var(--muted);margin-bottom:0}.cta{padding:55px 0;background:linear-gradient(90deg,#161a20,#211806)}.cta-inner{display:flex;align-items:center;justify-content:space-between;gap:30px}.cta h2{font-size:clamp(38px,5vw,64px)}.footer{background:#07090c;border-top:1px solid var(--line);padding:60px 0 20px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1.5fr;gap:40px}.footer-grid>div{display:flex;flex-direction:column;gap:7px}.footer-grid h4{margin:0 0 8px}.footer-grid p,.footer-grid a{color:var(--muted);font-size:13px}.copyright{border-top:1px solid var(--line);margin-top:35px;padding-top:18px;color:#6f7782;font-size:12px}
.modal{position:fixed;inset:0;display:none;z-index:100}.modal.open{display:grid;place-items:center}.modal-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.75)}.modal-box{position:relative;width:min(92%,450px);background:#11161d;border:1px solid var(--line);border-radius:16px;padding:30px;z-index:2}.modal-close{position:absolute;right:14px;top:8px;border:0;background:none;color:#fff;font-size:30px;cursor:pointer}.modal-box form{display:grid;gap:15px;margin-top:22px}.modal-box label{font-size:13px;font-weight:700}.modal-box input{display:block;width:100%;margin-top:7px;padding:13px;border-radius:8px;border:1px solid var(--line);background:#090c10;color:white}
@media(max-width:950px){.nav-links{display:none}.menu-toggle{display:block}.nav-actions{display:none}.hero-grid,.faq-wrap{grid-template-columns:1fr}.game-grid{grid-template-columns:repeat(2,1fr)}.feature-grid{grid-template-columns:repeat(2,1fr)}.steps{grid-template-columns:repeat(2,1fr)}.blog-grid{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr 1fr}.hero{padding-top:70px}}
@media(max-width:620px){.container{width:min(calc(100% - 28px),var(--max))}.hero h1{font-size:58px}.trust-row{gap:18px}.stats-grid{grid-template-columns:1fr 1fr}.stats-grid>div:nth-child(2){border-right:0}.game-grid,.feature-grid,.steps,.blog-grid,.footer-grid{grid-template-columns:1fr}.section{padding:70px 0}.section-head,.cta-inner{align-items:start;flex-direction:column}.hero-card{transform:none}.match{padding:32px 4px}.team-icon{width:58px;height:58px;font-size:13px}}