@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800;900&family=Inter:wght@400;500;600;700;800&display=swap');
:root{--bg:#171a1d;--panel:#22272b;--panel2:#2b3136;--silver:#c4c9cc;--muted:#9da6ab;--white:#f5f6f6;--accent:#d18a4a;--line:#3b4247;--max:1200px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--white);font-family:Inter,Arial,sans-serif}a{color:inherit;text-decoration:none}.top{padding:10px max(calc((100% - var(--max))/2),24px);background:#101214;color:#c4c9cc;font-size:10px;letter-spacing:.12em}.top a{float:right;color:var(--accent);font-weight:800}header{height:82px;padding:0 max(calc((100% - var(--max))/2),24px);display:flex;align-items:center;justify-content:space-between;background:rgba(25,29,32,.97);position:sticky;top:0;z-index:20;border-bottom:1px solid var(--line);backdrop-filter:blur(12px)}.logo{font:900 25px 'Barlow Condensed';color:var(--accent);letter-spacing:.04em}.logo span{color:#fff}.logo small{display:block;font:700 9px Inter;letter-spacing:.25em;color:#aeb5b9;margin-top:2px}nav{display:flex;gap:24px;font-size:12px;font-weight:700;color:#c1c7ca}nav a.active,nav a:hover{color:var(--accent)}#menu{display:none;background:none;color:white;border:0;font-size:25px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:16px 23px;background:var(--accent);color:#171a1d;font-size:11px;font-weight:900;letter-spacing:.07em;border-radius:3px;transition:.25s;box-shadow:0 8px 24px #0003}.btn:hover{transform:translateY(-3px);filter:brightness(1.08)}.hero{min-height:650px;position:relative;display:flex;align-items:center;overflow:hidden;background:#202529 url('assets/hero.png') center 36%/cover no-repeat}.shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(17,20,22,.97),rgba(24,28,31,.86) 48%,rgba(20,23,25,.2)),linear-gradient(0deg,#171a1d,transparent 28%)}.heroText{position:relative;width:min(var(--max),calc(100% - 48px));margin:auto;padding:95px 0}.eyebrow{color:var(--accent);font-size:10px;letter-spacing:.24em;font-weight:900;text-transform:uppercase}.hero h1{font:900 clamp(58px,8vw,104px)/.88 'Barlow Condensed';margin:22px 0 25px;text-transform:uppercase;max-width:850px}.hero h1 em{color:var(--accent);font-style:normal}.heroText>p:not(.eyebrow){max-width:610px;color:#d2d7da;line-height:1.9;font-size:15px;margin:0 0 28px}.hero-kpis{display:flex;gap:36px;margin-top:42px;flex-wrap:wrap}.hero-kpis strong{display:block;font:800 28px 'Barlow Condensed';color:#fff}.hero-kpis span{font-size:9px;letter-spacing:.14em;color:#b3bbc0;text-transform:uppercase}.section{padding:95px max(calc((100% - var(--max))/2),24px)}.dark{background:#202529}.light{background:#d9dddf;color:#1b2023}.section-head{max-width:760px;margin-bottom:40px}.section h2,.cta h2{font:900 clamp(42px,5vw,66px)/.95 'Barlow Condensed';text-transform:uppercase;margin:12px 0 18px}.section-head p{font-size:14px;line-height:1.9;color:#626b70}.dark .section-head p{color:#b5bdc1}.match-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.match{background:#292f33;border:1px solid #414a50;padding:25px;position:relative;min-height:230px}.match .tag{color:var(--accent);font-size:9px;font-weight:900;letter-spacing:.18em}.match h3{font:800 31px 'Barlow Condensed';margin:13px 0}.teams{display:flex;justify-content:space-between;gap:10px;margin:20px 0;color:#e7e9ea;font-weight:800}.teams span{background:#1d2225;padding:13px 15px;flex:1;text-align:center}.demo-label{display:inline-block;border:1px solid #bd8a58;color:#e3b27e;padding:6px 9px;font-size:9px;letter-spacing:.14em;font-weight:900}.odds{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.odds span{background:#171b1e;border:1px solid #434b50;padding:11px 5px;text-align:center;color:#d9dddf;font-size:11px}.odds b{display:block;color:var(--accent);font-size:15px;margin-top:5px}.feature-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:20px}.feature-main{background:linear-gradient(140deg,#353d42,#202529);border:1px solid #4a5359;padding:42px;min-height:380px;display:flex;flex-direction:column;justify-content:flex-end}.feature-main h3{font:900 58px/.95 'Barlow Condensed';margin:12px 0}.feature-main p,.mini p{color:#c0c7ca;line-height:1.85;font-size:14px}.feature-stack{display:grid;gap:18px}.mini{padding:28px;background:#e6e8e9;color:#202529;border-left:5px solid var(--accent)}.mini h3{font:800 30px 'Barlow Condensed';margin:0 0 8px}.mini p{color:#5c666b;margin:0;font-size:13px}.sports-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.sport{background:#272d31;border:1px solid #3a4247;padding:24px;min-height:170px}.sport b{font-size:26px}.sport h3{font:800 27px 'Barlow Condensed';margin:12px 0 6px}.sport p{font-size:11px;line-height:1.7;color:#b3bcc1;margin:0}.sport.primary{border-color:var(--accent);background:linear-gradient(145deg,#444c52,#242a2e)}.mid-cta{background:linear-gradient(100deg,#c4c9cc,#e1e4e5);color:#1a1e21;padding:58px max(calc((100% - var(--max))/2),24px);display:flex;align-items:center;justify-content:space-between;gap:28px}.mid-cta h2{font:900 clamp(38px,5vw,62px)/.95 'Barlow Condensed';margin:10px 0}.mid-cta p{color:#4d575d;max-width:620px;line-height:1.7;font-size:14px}.mid-cta .btn{background:#1d2225;color:#fff}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.step{border-top:3px solid var(--accent);padding:24px 18px;background:#292f33}.step b{font:800 36px 'Barlow Condensed';color:var(--accent)}.step h3{font:800 24px 'Barlow Condensed';margin:10px 0}.step p{font-size:12px;line-height:1.7;color:#b5bdc1}.faq{display:grid;grid-template-columns:1fr 1fr;gap:14px}.faq article{padding:24px;background:#e8eaeb;color:#22272a}.faq h3{font:800 25px 'Barlow Condensed';margin:0 0 8px}.faq p{font-size:12px;line-height:1.7;color:#606a70;margin:0}.cta{padding:70px max(calc((100% - var(--max))/2),24px);background:var(--accent);color:#1c2022;display:flex;justify-content:space-between;align-items:center;gap:24px}.cta h2{font-size:clamp(40px,5vw,60px);margin:0}.cta p{max-width:570px;line-height:1.7;font-size:13px}.cta .btn{background:#1c2022;color:#fff}footer{padding:42px max(calc((100% - var(--max))/2),24px);display:flex;justify-content:space-between;gap:25px;flex-wrap:wrap;background:#101214;color:#aab2b6;font-size:11px}.footer-links{display:flex;gap:20px;flex-wrap:wrap}.float{position:fixed;right:22px;bottom:22px;background:#20b85a;color:white;padding:15px 21px;border-radius:40px;font-size:12px;font-weight:900;z-index:30;box-shadow:0 8px 28px #0006}.mobile-cta{display:none}.intro{background:#d9dddf;color:#202529;padding:85px max(calc((100% - 980px)/2),24px)}.intro h2{font:900 52px 'Barlow Condensed';text-transform:uppercase}.intro p{line-height:1.9;color:#59646a;font-size:14px}.cards{padding:75px max(calc((100% - var(--max))/2),24px);display:grid;grid-template-columns:repeat(3,1fr);gap:18px;background:#202529}.cards article{background:#2b3237;padding:32px;min-height:210px;border:1px solid #414a50;border-bottom:4px solid var(--accent)}.cards h2{font:800 32px 'Barlow Condensed';margin:0 0 12px}.cards p{font-size:13px;line-height:1.8;color:#b8c0c4}.note{font-size:11px;color:#9fa8ad;line-height:1.7}.formbox{max-width:700px;background:#272d31;padding:30px;border:1px solid #454e54}.formbox input,.formbox textarea,.formbox select{width:100%;padding:14px;margin:7px 0 15px;background:#171b1e;border:1px solid #495158;color:white}.formbox label{font-size:11px;color:#c4c9cc;font-weight:700}.formbox button{border:0;cursor:pointer}
@media(max-width:850px){nav{gap:13px}.sports-grid{grid-template-columns:repeat(3,1fr)}.feature-grid{grid-template-columns:1fr}.steps{grid-template-columns:repeat(2,1fr)}.match-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.top{font-size:8px;padding:10px 16px}.top a{float:none;display:block;margin-top:7px}header{height:68px;padding:0 18px}#menu{display:block}nav{display:none;position:absolute;top:68px;left:0;right:0;background:#171a1d;padding:22px;flex-direction:column;border-bottom:1px solid var(--line)}nav.open{display:flex}header>.btn{display:none}.hero{min-height:630px;background-position:60% center}.heroText{width:calc(100% - 38px);padding:70px 0}.hero h1{font-size:clamp(58px,15vw,82px)}.heroText>p:not(.eyebrow){font-size:13px}.hero-kpis{gap:20px;margin-top:34px}.section{padding:68px 19px}.section h2{font-size:48px}.feature-main{padding:28px;min-height:320px}.feature-main h3{font-size:46px}.sports-grid{grid-template-columns:repeat(2,1fr);gap:10px}.sport{padding:18px 15px}.sport h3{font-size:25px}.match-grid{grid-template-columns:1fr}.mid-cta{padding:45px 20px;display:block}.mid-cta .btn{margin-top:10px}.steps{grid-template-columns:1fr 1fr}.faq{grid-template-columns:1fr}.cta{padding:48px 20px;display:block}.cta .btn{margin-top:14px}.cards{grid-template-columns:1fr;padding:55px 18px}.intro{padding:65px 20px}footer{padding:34px 20px 100px}.float{display:none}.mobile-cta{position:fixed;display:flex;align-items:center;justify-content:center;left:14px;right:14px;bottom:12px;z-index:40;padding:16px 18px;border-radius:40px;background:#20b85a;color:#fff;font-size:12px;font-weight:900;box-shadow:0 8px 30px #0009;animation:pulse 2s infinite}@keyframes pulse{0%,100%{box-shadow:0 0 0 0 #20b85a66,0 8px 30px #0009}50%{box-shadow:0 0 0 8px #20b85a00,0 8px 30px #0009}}}
@media(max-width:390px){.sports-grid{grid-template-columns:1fr}.steps{grid-template-columns:1fr}}