*{margin:0;padding:0;box-sizing:border-box}
:root{--blue:#2563eb;--red:#dc2626;--yellow:#facc15;--dark:#0f172a;--darker:#020617;--light:#f8fafc;--muted:#94a3b8;--gray:#64748b;--card:#1e293b;--border:rgba(255,255,255,.1);--gradient:linear-gradient(135deg,#2563eb 0%,#facc15 50%,#dc2626 100%)}
html{scroll-behavior:smooth}
body{font-family:Inter,'Segoe UI',system-ui,sans-serif;background:var(--darker);color:var(--light);line-height:1.6;overflow-x:hidden}
body::before{content:"";position:fixed;inset:0;background:radial-gradient(circle at 20% 10%,rgba(37,99,235,.25),transparent 28%),radial-gradient(circle at 80% 5%,rgba(250,204,21,.12),transparent 24%),radial-gradient(circle at 50% 85%,rgba(220,38,38,.18),transparent 30%);pointer-events:none;z-index:-2}
a{text-decoration:none;color:inherit}.container{max-width:1200px;margin:0 auto;padding:0 1.5rem}
header{position:fixed;top:0;width:100%;z-index:1000;background:rgba(2,6,23,.82);backdrop-filter:blur(18px);border-bottom:1px solid var(--border)}
nav{max-width:1400px;margin:0 auto;padding:.9rem 1.5rem;display:flex;align-items:center;justify-content:space-between;gap:1rem}
.logo{font-size:1.35rem;font-weight:950;letter-spacing:-.04em;color:#fff;white-space:nowrap}.logo span{background:var(--gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.nav-links{display:flex;align-items:center;gap:.25rem;list-style:none;flex-wrap:wrap;justify-content:flex-end}.nav-links a{display:block;padding:.55rem .8rem;border-radius:10px;color:#e2e8f0;font-weight:650;font-size:.86rem;transition:.25s}.nav-links a:hover,.nav-links a.active{background:rgba(37,99,235,.25);color:#fff}.nav-cta{background:linear-gradient(135deg,#facc15,#dc2626)!important;color:#111827!important;box-shadow:0 10px 30px rgba(250,204,21,.2)}
.menu-toggle{display:none;flex-direction:column;gap:5px;cursor:pointer;padding:10px;border:1px solid var(--border);border-radius:12px;background:rgba(255,255,255,.04)}.menu-toggle span{width:24px;height:3px;background:var(--light);border-radius:3px}
.hero{position:relative;padding:150px 0 90px;min-height:690px;display:flex;align-items:center}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:3rem;align-items:center}.badge{display:inline-flex;gap:.45rem;align-items:center;padding:.45rem .9rem;border:1px solid rgba(255,255,255,.16);border-radius:999px;background:rgba(37,99,235,.16);color:#dbeafe;font-weight:800;font-size:.9rem}.hero h1{font-size:clamp(2.7rem,7vw,5.6rem);line-height:.95;letter-spacing:-.08em;margin:1.2rem 0}.hero h1 span{background:var(--gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero p{color:#cbd5e1;font-size:1.15rem;max-width:650px;margin-bottom:1.8rem}
.hero-actions{display:flex;gap:1rem;flex-wrap:wrap;margin-bottom:2rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.6rem;padding:.95rem 1.25rem;border-radius:14px;font-weight:850;transition:.25s;border:1px solid transparent}.btn-primary{background:linear-gradient(135deg,#2563eb,#dc2626);color:#fff;box-shadow:0 18px 45px rgba(37,99,235,.28)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 24px 55px rgba(37,99,235,.38)}.btn-ghost{border-color:var(--border);background:rgba(255,255,255,.04);color:#e2e8f0}.btn-ghost:hover{background:rgba(255,255,255,.08)}
.trust-row{display:flex;gap:1.5rem;flex-wrap:wrap;color:var(--muted);font-size:.95rem}.trust-row strong{color:#fff}
.scoreboard{background:linear-gradient(180deg,rgba(30,41,59,.9),rgba(15,23,42,.92));border:1px solid var(--border);border-radius:28px;padding:1.2rem;box-shadow:0 35px 80px rgba(0,0,0,.35);position:relative;overflow:hidden}.score-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem;position:relative}.live-badge{display:inline-flex;padding:.35rem .7rem;border-radius:999px;background:rgba(220,38,38,.18);color:#fecaca;font-size:.8rem;font-weight:900}
.game-card{position:relative;background:rgba(2,6,23,.5);border:1px solid var(--border);border-radius:20px;padding:1rem;margin-bottom:.9rem}.game-league{font-size:.75rem;color:#fde68a;font-weight:900;letter-spacing:.08em;text-transform:uppercase;margin-bottom:.75rem}.teams{display:grid;gap:.8rem}.team{display:flex;align-items:center;justify-content:space-between;gap:1rem}.team-name{display:flex;align-items:center;gap:.65rem;font-weight:800}.team-logo{width:34px;height:34px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(135deg,#2563eb,#dc2626);font-weight:900}.score{font-size:1.35rem;font-weight:900}.game-meta{display:flex;justify-content:space-between;color:var(--gray);font-size:.86rem;margin-top:.8rem;padding-top:.8rem;border-top:1px solid var(--border)}
section{padding:80px 0}.section-head{display:flex;justify-content:space-between;gap:1.5rem;align-items:end;margin-bottom:2rem}.section-head h2{font-size:clamp(2rem,4vw,3.2rem);line-height:1;letter-spacing:-.05em}.section-head p{color:var(--muted);max-width:560px}
.sports-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.sport-card{position:relative;min-height:180px;border-radius:24px;background:linear-gradient(180deg,rgba(30,41,59,.88),rgba(15,23,42,.95));border:1px solid var(--border);padding:1.2rem;overflow:hidden;transition:.25s}.sport-card:hover{transform:translateY(-5px);border-color:rgba(250,204,21,.55);box-shadow:0 20px 45px rgba(0,0,0,.28)}.sport-icon{font-size:2.2rem;margin-bottom:1rem}.sport-card h3{font-size:1.2rem;margin-bottom:.4rem}.sport-card p{color:var(--muted);font-size:.92rem}.sport-card .arrow{position:absolute;right:1rem;bottom:1rem;width:38px;height:38px;border-radius:14px;background:rgba(255,255,255,.08);display:grid;place-items:center;color:#fff}
.feature-panel{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.feature-card{background:rgba(15,23,42,.86);border:1px solid var(--border);border-radius:28px;padding:2rem}.feature-card h3{font-size:1.5rem;margin-bottom:1rem}.feature-card p{color:var(--muted);margin-bottom:1rem}.feature-list{list-style:none;display:grid;gap:.8rem;margin-top:1.3rem}.feature-list li{display:flex;gap:.75rem;align-items:flex-start;color:#cbd5e1}.check{color:#fde68a;font-weight:900}
.schedule-wrap{background:linear-gradient(135deg,rgba(37,99,235,.14),rgba(220,38,38,.1));border:1px solid var(--border);border-radius:30px;padding:1.2rem}.schedule-table{width:100%;border-collapse:collapse;overflow:hidden;border-radius:20px;background:rgba(2,6,23,.5)}.schedule-table th,.schedule-table td{text-align:left;padding:1rem;border-bottom:1px solid var(--border)}.schedule-table th{color:#e2e8f0;font-size:.8rem;text-transform:uppercase;letter-spacing:.08em;background:rgba(255,255,255,.04)}.schedule-table td{color:#cbd5e1}.status{display:inline-flex;padding:.3rem .65rem;border-radius:999px;font-size:.78rem;font-weight:800}.status.live{background:rgba(220,38,38,.16);color:#fecaca}.status.soon{background:rgba(250,204,21,.15);color:#fde68a}.status.upcoming{background:rgba(37,99,235,.16);color:#bfdbfe}
.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.stat-card{background:var(--card);border:1px solid var(--border);padding:2rem;border-radius:24px;text-align:center}.stat-number{font-size:2.5rem;font-weight:950;color:#fde68a}.stat-label{color:var(--muted);margin-top:.4rem}
.faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.faq-item{background:rgba(15,23,42,.86);border:1px solid var(--border);border-radius:20px;padding:1.4rem}.faq-item h3{font-size:1.05rem;margin-bottom:.6rem}.faq-item p{color:var(--muted)}
.cta{padding:90px 0}.cta-box{text-align:center;border:1px solid var(--border);border-radius:34px;padding:4rem 2rem;background:linear-gradient(135deg,rgba(37,99,235,.2),rgba(220,38,38,.12)),rgba(15,23,42,.85);box-shadow:0 35px 80px rgba(0,0,0,.25)}.cta-box h2{font-size:clamp(2rem,5vw,4rem);letter-spacing:-.06em;line-height:1;margin-bottom:1rem}.cta-box p{color:#cbd5e1;max-width:680px;margin:0 auto 1.7rem}
footer{background:rgba(15,23,42,.96);border-top:1px solid var(--border);padding:50px 0 24px}.footer-content{display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:2rem}.footer-brand p{color:var(--muted);margin-top:1rem;max-width:420px}.footer-section h4{margin-bottom:1rem}.footer-section ul{list-style:none;display:grid;gap:.55rem}.footer-section a{color:var(--muted);font-size:.94rem}.footer-section a:hover{color:#fff}.footer-bottom{margin-top:2.5rem;padding-top:1.4rem;border-top:1px solid var(--border);text-align:center;color:var(--gray);font-size:.86rem}
@media(max-width:1050px){.hero-grid,.feature-panel{grid-template-columns:1fr}.sports-grid{grid-template-columns:repeat(2,1fr)}.stats-grid{grid-template-columns:repeat(2,1fr)}.footer-content{grid-template-columns:1fr 1fr}}
@media(max-width:768px){.menu-toggle{display:flex}.nav-links{display:none;position:absolute;top:100%;left:1rem;right:1rem;background:rgba(15,23,42,.98);border:1px solid var(--border);border-radius:18px;padding:1rem;flex-direction:column;align-items:stretch}.nav-links.active{display:flex}.nav-links a{text-align:center}.hero{padding-top:125px;min-height:auto}.hero-actions{flex-direction:column}.btn{width:100%}.section-head{display:block}.section-head p{margin-top:1rem}.sports-grid,.faq-grid,.stats-grid,.footer-content{grid-template-columns:1fr}.schedule-wrap{overflow-x:auto}.schedule-table{min-width:720px}}