*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{color-scheme:dark;--bg-base: #070908;--bg-surface: rgba(13,20,16,.88);--bg-card: rgba(16,25,21,.86);--bg-card2: rgba(22,34,28,.92);--border: rgba(116,188,158,.14);--border-hi: rgba(116,188,158,.34);--green: #22b486;--green-light:#78dfba;--green-dim: #a9e8d1;--green-dark: #0d6f55;--gold: #f2a93b;--gold-dim: #bb761d;--red: #E24B4A;--red-dim: #A32D2D;--blue: #5aa3f0;--text-pri: #f2fbf7;--text-sec: #b7d8cb;--text-muted: #79a797;--font-head: "Sora", "Inter", sans-serif;--font-body: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "DM Mono", monospace;--radius: 12px;--radius-lg: 18px;--shadow-soft: 0 18px 44px rgba(0,0,0,.28);--shadow-card: 0 12px 30px rgba(0,0,0,.2)}[data-theme=light]{color-scheme:light;--bg-base: #f6f8f6;--bg-surface: rgba(255,255,255,.9);--bg-card: rgba(255,255,255,.92);--bg-card2: #eef5f1;--border: rgba(18,91,71,.12);--border-hi: rgba(18,91,71,.28);--green: #108b68;--green-light:#2ca77f;--green-dim: #236f5a;--green-dark: #0a6048;--gold: #d88416;--gold-dim: #a96711;--red: #cf3f3f;--red-dim: #982b2b;--blue: #256fc0;--text-pri: #10241d;--text-sec: #2b5e4d;--text-muted: #657f74;--shadow-soft: 0 16px 36px rgba(12,35,26,.1);--shadow-card: 0 10px 24px rgba(12,35,26,.08)}html,body,#root{height:100%}body{font-family:var(--font-body);background:linear-gradient(180deg,rgba(34,180,134,.06),transparent 280px),linear-gradient(135deg,rgba(242,169,59,.035),transparent 340px),var(--bg-base);color:var(--text-pri);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}strong,b{font-weight:700}button,input,select,textarea{font-size:inherit}body,button,input,select,textarea{font-variant-ligatures:common-ligatures}h1,h2,h3,[style*=Syne]{font-family:var(--font-head)!important;letter-spacing:0!important}[style*="DM Mono"]{font-family:var(--font-mono)!important}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:var(--bg-surface)}::-webkit-scrollbar-thumb{background:var(--green-dark);border-radius:2px}button{cursor:pointer;font-family:var(--font-body)}input,select,textarea{font-family:var(--font-body)}a{color:var(--green);text-decoration:none}button,a,input,select,textarea{transition:background-color .18s ease,border-color .18s ease,color .18s ease,transform .18s ease,box-shadow .18s ease,opacity .18s ease}input,select,textarea{background:color-mix(in srgb,var(--bg-surface) 82%,#000)!important;border-color:var(--border)!important;color:var(--text-pri)!important}input:focus,select:focus,textarea:focus{border-color:var(--green)!important;box-shadow:0 0 0 3px #22b48624}.app-shell{background:linear-gradient(180deg,rgba(34,180,134,.075),transparent 260px),linear-gradient(120deg,rgba(242,169,59,.04),transparent 360px),var(--bg-base)}.content-shell{width:100%;max-width:1480px;margin:0 auto}.glass-panel{background:var(--bg-surface);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}@keyframes pulse-green{0%,to{opacity:1;box-shadow:0 0 #1d9e7566}50%{opacity:.7;box-shadow:0 0 0 6px #1d9e7500}}@keyframes slide-in-right{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes blink{50%{opacity:0}}@keyframes up-flash{0%,to{background:transparent}30%{background:#1d9e7540}}@keyframes down-flash{0%,to{background:transparent}30%{background:#e24b4a40}}.anim-fade{animation:fade-in .3s ease both}.odd-up{animation:up-flash 1.5s ease}.odd-down{animation:down-flash 1.5s ease}.live-dot{width:8px;height:8px;border-radius:50%;background:var(--green);animation:pulse-green 1.5s infinite;display:inline-block}.card{background:linear-gradient(180deg,color-mix(in srgb,var(--bg-card) 94%,#fff 6%),var(--bg-card));border:1px solid var(--border);border-radius:var(--radius);padding:1rem;box-shadow:var(--shadow-card);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.card:hover{border-color:var(--border-hi);box-shadow:var(--shadow-soft)}.theme-surface{background:var(--bg-surface);border-color:var(--border);color:var(--text-pri)}.theme-text{color:var(--text-pri)}.theme-muted{color:var(--text-muted)}.theme-sec{color:var(--text-sec)}.world-cup-hero{position:relative;overflow:hidden;min-height:260px;border-radius:var(--radius-lg);border:1px solid var(--border-hi);background:linear-gradient(105deg,#070b09f0,#070b098a 48%,#070b0929),url(https://images.unsplash.com/photo-1522778119026-d647f0596c20?auto=format&fit=crop&w=1400&q=80) center/cover;box-shadow:var(--shadow-soft)}[data-theme=light] .world-cup-hero{background:linear-gradient(105deg,#fffffff0,#ffffff59),url(https://images.unsplash.com/photo-1522778119026-d647f0596c20?auto=format&fit=crop&w=1400&q=80) center/cover}.cup-carousel{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(220px,1fr);gap:14px;overflow:hidden}.cup-slide{min-height:144px;border-radius:var(--radius-lg);border:1px solid var(--border);background-size:cover;background-position:center;position:relative;overflow:hidden}.cup-slide:hover{transform:translateY(-2px);border-color:#f2a93b85;box-shadow:var(--shadow-soft)}.cup-slide:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,transparent,rgba(0,0,0,.72))}.metric-card{position:relative;overflow:hidden}.metric-card:before{content:"";position:absolute;inset:0 0 auto 0;height:2px;background:linear-gradient(90deg,transparent,rgba(34,180,134,.72),transparent);opacity:.65}.section-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px}@media (max-width: 760px){.cup-carousel{grid-auto-columns:minmax(190px,86vw);overflow-x:auto;padding-bottom:4px}.world-cup-hero{min-height:260px}.section-grid{grid-template-columns:1fr}}.badge{display:inline-flex;align-items:center;gap:4px;font-size:10px;font-weight:700;padding:2px 8px;border-radius:20px;letter-spacing:0;text-transform:uppercase}.badge-win{background:#0d2818;color:var(--green);border:1px solid var(--green)}.badge-loss{background:#1a0d0d;color:var(--red);border:1px solid var(--red)}.badge-void{background:#1a1408;color:var(--gold);border:1px solid var(--gold)}.badge-pend{background:#0d1f1a;color:var(--text-muted);border:1px solid var(--border)}.badge-pro{background:linear-gradient(90deg,#1d9e7533,#ef9f2733);color:var(--gold);border:1px solid var(--gold-dim)}.stars{color:var(--gold);font-size:11px}.ev-pos{color:var(--green);font-family:var(--font-mono);font-size:12px;font-weight:600}.ev-neg{color:var(--red);font-family:var(--font-mono);font-size:12px;font-weight:600}.landing-page{min-height:100vh;background:linear-gradient(180deg,rgba(34,180,134,.09),transparent 360px),linear-gradient(130deg,rgba(242,169,59,.07),transparent 420px),var(--bg-base);color:var(--text-pri)}.landing-nav,.landing-hero,.landing-section,.landing-footer{width:min(1120px,calc(100% - 32px));margin:0 auto}.landing-nav{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:22px 0}.landing-brand{display:flex;align-items:center;gap:10px}.landing-brand>span{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(135deg,#0d6f55,#22b486 62%,#f2a93b);color:#fff;font-family:var(--font-head);font-weight:900}.landing-brand strong,.landing-brand small{display:block;font-family:var(--font-head);line-height:1.05}.landing-brand small{color:var(--gold);font-size:10px;font-weight:800}.landing-nav nav{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}.landing-nav nav a{color:var(--text-sec);font-size:13px;padding:8px 10px;border-radius:8px}.landing-nav nav a:hover{background:var(--bg-card)}.landing-cta-small{background:var(--green)!important;color:#fff!important;font-weight:800}.landing-hero{min-height:calc(100vh - 92px);display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,.88fr);align-items:center;gap:clamp(24px,5vw,64px);padding:28px 0 56px}.landing-pill{width:fit-content;display:inline-flex;align-items:center;gap:8px;padding:7px 11px;border-radius:999px;border:1px solid var(--border);background:#22b4861f;color:var(--green-light);font-size:12px;font-weight:800;margin-bottom:18px}.landing-hero h1{max-width:680px;font-size:clamp(38px,6vw,72px);line-height:.98;margin-bottom:18px}.landing-hero p{max-width:650px;color:var(--text-sec);font-size:clamp(15px,1.7vw,18px);line-height:1.7}.landing-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}.landing-actions a{min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 16px;border-radius:10px;border:1px solid var(--border);background:var(--bg-card);color:var(--text-pri);font-weight:800}.landing-actions a:first-child{background:var(--green);color:#fff;border-color:var(--green)}.landing-proof-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.landing-proof-row span{display:inline-flex;align-items:center;gap:6px;color:var(--text-muted);font-size:12px}.landing-product-shot,.landing-feature,.landing-preview,.landing-faq details{background:var(--bg-card);border:1px solid var(--border);box-shadow:var(--shadow-card);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.landing-product-shot{border-radius:18px;overflow:hidden}.shot-topbar{height:42px;display:flex;align-items:center;gap:7px;padding:0 14px;border-bottom:1px solid var(--border);background:var(--bg-surface)}.shot-topbar span{width:9px;height:9px;border-radius:50%;background:var(--green)}.shot-topbar span:nth-child(2){background:var(--gold)}.shot-topbar span:nth-child(3){background:var(--red)}.shot-topbar strong{margin-left:auto;color:var(--text-muted);font-size:11px}.shot-hero{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:18px}.shot-hero>div,.shot-grid>div{border-radius:12px;border:1px solid var(--border);background:color-mix(in srgb,var(--bg-card2) 82%,transparent);padding:14px}.shot-hero small,.shot-hero span,.shot-grid span{display:block;color:var(--text-muted);font-size:11px}.shot-hero strong{display:block;color:var(--green-light);font-family:var(--font-mono);font-size:24px;margin:6px 0 2px}.shot-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:0 18px 18px}.shot-grid strong{display:block;margin:8px 0 2px}.landing-section{padding:34px 0}.landing-section-head{max-width:680px;margin-bottom:16px}.landing-section h2{font-size:clamp(26px,3vw,38px);margin-bottom:6px}.landing-section-head p{color:var(--text-muted);line-height:1.7}.landing-feature-grid,.landing-preview-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.landing-screenshot-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:14px}.landing-screenshot{min-height:230px;border-radius:16px;overflow:hidden;background:linear-gradient(180deg,rgba(34,180,134,.1),transparent),var(--bg-card);border:1px solid var(--border);box-shadow:var(--shadow-card)}.landing-screenshot-head{height:38px;display:flex;align-items:center;gap:7px;padding:0 12px;border-bottom:1px solid var(--border);background:var(--bg-surface)}.landing-screenshot-head span{width:8px;height:8px;border-radius:50%;background:var(--green)}.landing-screenshot-head span:nth-child(2){background:var(--gold)}.landing-screenshot-head span:nth-child(3){background:var(--red)}.landing-screenshot-head strong{margin-left:auto;color:var(--text-muted);font-size:11px}.landing-screenshot-body{padding:15px}.landing-screenshot-metric{border:1px solid var(--border);border-radius:12px;padding:12px;margin-bottom:12px;background:color-mix(in srgb,var(--bg-card2) 82%,transparent)}.landing-screenshot-metric small{display:block;color:var(--text-muted);font-size:11px}.landing-screenshot-metric strong{display:block;color:var(--green-light);font-family:var(--font-mono);font-size:23px;margin-top:4px}.landing-bars{display:flex;flex-direction:column;gap:7px;margin-bottom:12px}.landing-bars i{display:block;height:7px;border-radius:999px;background:linear-gradient(90deg,var(--green),var(--gold));opacity:.74}.landing-screenshot p{display:flex;align-items:center;gap:7px;color:var(--text-sec);font-size:12px;padding:5px 0}.landing-feature,.landing-preview{border-radius:14px;padding:16px}.landing-feature svg{color:var(--green);margin-bottom:12px}.landing-feature h3{font-size:16px;margin-bottom:7px}.landing-feature p,.landing-preview p,.landing-faq p{color:var(--text-sec);line-height:1.65}.landing-preview>div{display:flex;justify-content:space-between;gap:10px;margin-bottom:14px}.landing-preview>div span{color:var(--gold);font-family:var(--font-mono);font-size:11px}.landing-preview p{display:flex;gap:10px;padding:9px 0;border-top:1px solid var(--border)}.landing-preview p span{color:var(--green);font-family:var(--font-mono)}.landing-faq details{border-radius:12px;padding:14px 16px;margin-bottom:10px}.landing-faq summary{cursor:pointer;font-weight:800;font-family:var(--font-head)}.landing-faq details p{margin-top:10px}.landing-affiliate-band{display:flex;justify-content:space-between;align-items:center;gap:18px;flex-wrap:wrap;border:1px solid rgba(242,169,59,.32);border-radius:18px;padding:22px;background:linear-gradient(135deg,#f2a93b1f,#22b48614),var(--bg-card);box-shadow:var(--shadow-card)}.landing-affiliate-band h2{margin:0 0 6px}.landing-affiliate-band p{max-width:650px;color:var(--text-sec);line-height:1.7}.landing-affiliate-band>div:last-child{display:flex;gap:10px;flex-wrap:wrap}.landing-affiliate-band a{min-height:42px;display:inline-flex;align-items:center;justify-content:center;border-radius:10px;padding:10px 14px;font-weight:800;border:1px solid var(--border);color:var(--text-pri);background:var(--bg-card2)}.landing-affiliate-band a:first-child{background:var(--gold);color:#111;border-color:var(--gold)}.affiliates-hero{min-height:auto;padding-top:54px}.landing-footer{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:28px 0 34px;color:var(--text-muted);font-size:12px;border-top:1px solid var(--border)}.landing-footer div{display:flex;gap:12px}@media (max-width: 860px){.landing-nav{align-items:flex-start}.landing-nav nav{display:none}.landing-hero{grid-template-columns:1fr;min-height:auto}.landing-feature-grid,.landing-preview-grid,.landing-screenshot-grid{grid-template-columns:1fr}.landing-product-shot{order:-1}}