@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=Barlow+Condensed:wght@600;700;800&display=swap";:root{--emerald:#00d47a;--teal:#00e8b8;--cyan:#00b8ff;--navy:#0f1f3a;--black:#0a0f1c;--bg:#0a0f1c;--bg-deep:#060b14;--bg-card:#0d1829;--bg-card2:#162035;--nav-bg:#0a0f1cf2;--border:#ffffff12;--border-card:#ffffff0f;--text:#fff;--text-muted:#8892a4;--text-faint:#4a5568;--radius-card:16px;--radius-btn:30px;--transition:all .2s cubic-bezier(.4,0,.2,1)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;height:100%}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-overflow-scrolling:touch;height:100%;min-height:100%;font-family:Inter,sans-serif;overflow:hidden auto}#root{min-height:100%}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:var(--bg-deep)}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#00d47a4d}.gradient-text{background:linear-gradient(135deg, var(--emerald) 0%, var(--teal) 50%, var(--cyan) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.btn-primary{background:linear-gradient(135deg, var(--emerald), var(--teal));color:#0a0f1c;cursor:pointer;transition:var(--transition);white-space:nowrap;letter-spacing:-.1px;border:none;justify-content:center;align-items:center;gap:8px;font-weight:800;text-decoration:none;display:inline-flex}.btn-primary:hover{filter:brightness(1.05);transform:translateY(-2px);box-shadow:0 8px 28px #00d47a66}.btn-primary:active{transform:translateY(0)}.btn-outline{color:var(--text);cursor:pointer;transition:var(--transition);background:0 0;border:1px solid #ffffff1f;justify-content:center;align-items:center;gap:8px;font-weight:600;text-decoration:none;display:inline-flex}.btn-outline:hover{border-color:var(--emerald);color:var(--emerald);background:#00d47a0f}.card{background:var(--bg-card);border:1px solid var(--border-card);border-radius:var(--radius-card);transition:var(--transition)}.card:hover{border-color:#00d47a38;transform:translateY(-2px);box-shadow:0 16px 48px #00000080}.badge{text-transform:uppercase;letter-spacing:.5px;border-radius:20px;align-items:center;gap:4px;padding:4px 10px;font-size:11px;font-weight:700;display:inline-flex}.badge-free{color:var(--emerald);background:#00d47a1a;border:1px solid #00d47a2e}.badge-premium{color:var(--cyan);background:#00b8ff1a;border:1px solid #00b8ff2e}.badge-live{color:#f55;background:#ff3b3b1a;border:1px solid #ff3b3b2e}.badge-ucl{color:var(--teal);background:#00e8b81a;border:1px solid #00e8b82e}.badge-pl{color:#a855f7;background:#9b00ff1a;border:1px solid #9b00ff2e}.badge-ll{color:#fb923c;background:#ff64001a;border:1px solid #ff64002e}.badge-bun{color:#fcd34d;background:#ffc8001a;border:1px solid #ffc8002e}.badge-ser{color:var(--cyan);background:#00b8ff1a;border:1px solid #00b8ff2e}.badge-eli{color:var(--emerald);background:#00d47a1a;border:1px solid #00d47a2e}.section-title{letter-spacing:-.5px;font-size:clamp(26px,4vw,44px);font-weight:800;line-height:1.1}.section-label{letter-spacing:2.5px;text-transform:uppercase;color:var(--emerald);align-items:center;gap:6px;margin-bottom:12px;font-size:10px;font-weight:800;display:inline-flex}.stat-cards{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}@media (width<=600px){.stat-cards{grid-template-columns:repeat(2,1fr);gap:8px}}.hero-cta{flex-wrap:wrap;gap:12px;display:flex}@media (width<=600px){.hero-cta{flex-direction:column;gap:10px}.hero-cta a{justify-content:center;width:100%!important}}.filter-scroll{-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:8px;padding-bottom:2px;display:flex;overflow-x:auto}.filter-scroll::-webkit-scrollbar{display:none}.filter-pill{cursor:pointer;border:1px solid var(--border);color:var(--text-muted);transition:var(--transition);white-space:nowrap;background:0 0;border-radius:24px;flex-shrink:0;padding:7px 16px;font-size:12px;font-weight:600}.filter-pill.active,.filter-pill:hover{color:var(--emerald);background:#00d47a14;border-color:#00d47a4d}.tabs-filter-stack{flex-direction:column;align-items:center;gap:0;padding:20px 0 0;display:flex;overflow:visible}.tab-row,.filter-row{grid-template-columns:1fr 1fr;gap:8px;width:100%;max-width:400px;display:grid;overflow:visible}.tab-row{padding-bottom:10px}.filter-row{padding-bottom:18px}.tab-btn{border-radius:var(--radius-btn);cursor:pointer;white-space:nowrap;width:100%;transition:var(--transition);box-sizing:border-box;justify-content:center;align-items:center;gap:6px;padding:9px 14px;font-size:13px;font-weight:700;display:flex}.tab-btn:hover{filter:brightness(1.1)}.filter-btn{position:relative}.filter-chevron{opacity:.5;flex-shrink:0;margin-left:4px;font-size:8px}.filter-dropdown{z-index:200;background:#0d1829;border:1px solid #00d47a26;border-radius:14px;min-width:220px;position:absolute;top:calc(100% + 8px);left:0;overflow:hidden;box-shadow:0 20px 60px #000000b3}.filter-dropdown-item{text-align:left;cursor:pointer;border:none;border-bottom:1px solid #ffffff0a;justify-content:space-between;align-items:center;width:100%;padding:10px 16px;font-size:13px;font-weight:600;transition:background .15s;display:flex}.tips-grid{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:16px;display:grid}@media (width<=600px){.tips-grid{grid-template-columns:1fr;gap:12px}}.tip-card-inner{transition:var(--transition)}.tip-card-inner:hover{transform:translateY(-2px);box-shadow:0 20px 60px #00000080}.analysis-grid{grid-template-columns:1fr 1fr;gap:24px;display:grid}@media (width<=768px){.analysis-grid{grid-template-columns:1fr!important}.analysis-grid>div:first-child{grid-row:span 1!important;min-height:300px!important}.wc-grid{grid-template-columns:1fr!important}}@media (width<=900px){.footer-grid{grid-template-columns:1fr 1fr!important}}@media (width<=600px){.footer-grid{grid-template-columns:1fr!important}}@media (width<=900px){.hero-grid{grid-template-columns:1fr!important;gap:40px!important}.hero-visual{display:none!important}}.leaderboard-row{cursor:pointer;transition:var(--transition)}.leaderboard-row:hover{transform:translateY(-1px);box-shadow:0 8px 30px #0006;border-color:#00d47a4d!important}.bet-row{transition:background .15s}.bet-row:hover{background:#ffffff08!important}.read-analysis-btn{cursor:pointer;width:100%;color:var(--emerald);transition:var(--transition);letter-spacing:.2px;background:0 0;border:none;border-radius:10px;justify-content:center;align-items:center;gap:6px;padding:10px 16px;font-size:12px;font-weight:700;display:flex}.read-analysis-btn:hover{color:var(--teal);background:#00d47a14}.read-analysis-btn:active{background:#00d47a1f}@keyframes pulse-dot{0%,to{box-shadow:0 0 0 3px #00d47a33}50%{box-shadow:0 0 0 6px #00d47a14}}@keyframes pulse-glow{0%,to{box-shadow:0 0 18px #00d47a2e}50%{box-shadow:0 0 40px #00d47a80}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes scrollX{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes skeleton-shimmer{0%{background-position:-800px 0}to{background-position:800px 0}}.animate-fadeInUp{animation:.5s forwards fadeInUp}.animate-pulse-glow{animation:3s ease-in-out infinite pulse-glow}.animate-float{animation:5s ease-in-out infinite float}.glow-divider{background:linear-gradient(90deg,#0000,#00d47a59,#0000);border:none;height:1px;margin:0}.ticker-track{width:max-content;animation:22s linear infinite scrollX;display:flex}.ticker-wrap{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 10% 90%,#0000);mask-image:linear-gradient(90deg,#0000,#000 10% 90%,#0000)}.section-eyebrow{letter-spacing:2px;text-transform:uppercase;color:var(--emerald);background:#00d47a14;border:1px solid #00d47a2e;border-radius:20px;align-items:center;gap:6px;margin-bottom:14px;padding:5px 14px;font-size:10px;font-weight:800;display:inline-flex}@media (width<=768px){.nav-social-desktop{display:none!important}}@media (width>=769px){.nav-social-mobile-only{display:none!important}}nav[data-fixed]{z-index:9999!important;backface-visibility:hidden!important;position:fixed!important;top:0!important;left:0!important;right:0!important;transform:translate(0,0)!important}
