:root{--bg:#020a06;--deep:#03150d;--panel:rgba(7,28,18,.72);--panel2:#092218;--text:#f8fbf9;--muted:#91a49a;--green:#38e58b;--green2:#0ca65d;--gold:#f6c84b;--gold2:#b57a18;--line:rgba(246,200,75,.14);--white-line:rgba(255,255,255,.09);--violet:#9b7cff}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 50% -10%,#0a3b25 0,#03150d 28%,var(--bg) 72%);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;pointer-events:none;background:linear-gradient(115deg,rgba(56,229,139,.015),transparent 35%,rgba(246,200,75,.018));z-index:-4}a{color:inherit;text-decoration:none}button,input,select{font:inherit}.ambient{position:fixed;width:420px;height:420px;border-radius:50%;filter:blur(90px);pointer-events:none;opacity:.22;z-index:-3}.ambient-one{background:#08763f;top:8%;left:-180px;animation:drift 14s ease-in-out infinite}.ambient-two{background:#b87b16;right:-220px;top:38%;animation:drift 17s ease-in-out infinite reverse}.particle-field{position:fixed;inset:0;pointer-events:none;z-index:-1;overflow:hidden}.particle{position:absolute;width:3px;height:3px;border-radius:50%;background:var(--gold);box-shadow:0 0 12px var(--gold);opacity:0;animation:floatParticle var(--duration) linear infinite}
.site-header{position:sticky;top:0;z-index:100;background:rgba(2,10,6,.78);border-bottom:1px solid rgba(246,200,75,.11);backdrop-filter:blur(20px);transition:.3s}.site-header.scrolled{box-shadow:0 12px 50px rgba(0,0,0,.35);background:rgba(2,10,6,.92)}.header-inner{width:min(1220px,calc(100% - 28px));min-height:76px;margin:auto;display:flex;align-items:center;gap:30px;position:relative}.brand{display:flex;align-items:center;gap:10px;min-width:210px}.brand-crown{font-size:35px;line-height:1;color:var(--gold);text-shadow:0 0 20px rgba(246,200,75,.4);animation:crownGlow 3s ease-in-out infinite}.brand-word{display:flex;flex-direction:column}.brand-pace{color:#fff;font-size:23px;font-weight:900;letter-spacing:-1px}.brand-fetch{color:var(--gold);font-size:23px;font-weight:900;letter-spacing:-1px}.brand-word small{margin-top:-1px;color:#71887c;font-size:7px;font-weight:800;letter-spacing:2px}.desktop-nav{display:flex;justify-content:center;align-items:center;gap:25px;flex:1}.desktop-nav a{position:relative;color:#aebcb4;font-size:13px;font-weight:700;padding:9px 0;transition:.25s}.desktop-nav a:after{content:"";position:absolute;left:50%;bottom:0;width:0;height:2px;background:var(--gold);box-shadow:0 0 10px rgba(246,200,75,.7);transition:.25s;transform:translateX(-50%)}.desktop-nav a:hover,.desktop-nav a.active{color:#fff}.desktop-nav a:hover:after,.desktop-nav a.active:after{width:70%}.header-actions{display:flex;align-items:center;gap:12px}.live-pill{display:flex;align-items:center;gap:7px;padding:8px 11px;border:1px solid rgba(56,229,139,.18);border-radius:999px;background:rgba(7,39,24,.55);color:#8eeab6;font-size:9px;font-weight:900;letter-spacing:.7px}.live-dot,.status-light{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 0 0 rgba(56,229,139,.7);animation:livePulse 1.8s infinite}.menu-button{display:none;width:42px;height:42px;border:1px solid var(--line);border-radius:12px;background:rgba(8,30,19,.85);color:#fff}.mobile-nav{display:none;position:absolute;right:0;top:76px;width:270px;padding:10px;background:rgba(3,18,11,.97);border:1px solid rgba(246,200,75,.16);border-radius:16px;box-shadow:0 24px 80px #000b}.mobile-nav.open{display:grid;gap:4px;animation:dropIn .22s ease}.mobile-nav a{padding:13px;color:#bdcbc3;border-radius:10px;font-size:14px;font-weight:700}.mobile-nav a:hover,.mobile-nav a.active{background:rgba(246,200,75,.08);color:#fff}.page{width:min(1220px,calc(100% - 28px));margin:auto}.royal-hero{min-height:590px;margin-top:18px;padding:55px 48px;border:1px solid rgba(246,200,75,.18);border-radius:30px;position:relative;overflow:hidden;display:grid;grid-template-columns:1.05fr .95fr;background:radial-gradient(circle at 80% 45%,rgba(24,165,94,.22),transparent 32%),radial-gradient(circle at 45% 10%,rgba(246,200,75,.07),transparent 28%),linear-gradient(125deg,#041c11,#03130c 52%,#020b07)}.royal-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(1,8,5,.94) 0%,rgba(1,8,5,.72) 47%,rgba(1,8,5,.05) 100%);z-index:0}.hero-copy,.hero-visual{position:relative;z-index:1}.hero-copy{align-self:center;max-width:650px}.eyebrow,.section-kicker{color:var(--gold);font-size:10px;font-weight:900;letter-spacing:1.7px}.eyebrow span{font-size:15px;margin-right:6px}.hero-copy h1{margin:15px 0 16px;font-size:clamp(48px,6vw,78px);line-height:.94;letter-spacing:-4px}.hero-copy h1 span,.royal-heading h2 span,.royal-banner h2 span{color:var(--gold);text-shadow:0 0 25px rgba(246,200,75,.18)}.hero-copy>p{max-width:610px;color:#a9b9b0;font-size:16px;line-height:1.75}.hero-feature-row{display:flex;gap:28px;margin-top:26px}.hero-feature-row div{display:flex;flex-direction:column}.hero-feature-row strong{font-size:19px;color:#fff}.hero-feature-row small{margin-top:3px;color:#70847a;font-size:9px;font-weight:700}.hero-actions{display:flex;gap:11px;flex-wrap:wrap;margin-top:30px}.primary-button,.secondary-button{min-height:46px;padding:0 19px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;gap:9px;font-size:12px;font-weight:850;transition:transform .25s,box-shadow .25s,border-color .25s}.primary-button:hover,.secondary-button:hover{transform:translateY(-3px)}.gold-button{background:linear-gradient(135deg,#f8d45d,#c99025);color:#171006;box-shadow:0 10px 35px rgba(246,200,75,.16)}.gold-button:hover{box-shadow:0 15px 45px rgba(246,200,75,.27)}.glass-button{border:1px solid rgba(255,255,255,.13);background:rgba(255,255,255,.035);color:#edf4ef;backdrop-filter:blur(10px)}.play-icon{font-size:9px;color:var(--gold)}.hero-status{display:flex;align-items:center;gap:8px;margin-top:20px;color:#6f8679;font-size:10px}.hero-visual{min-height:470px;display:flex;align-items:center;justify-content:center}.royal-rays{position:absolute;width:500px;height:500px;border-radius:50%;background:repeating-conic-gradient(from 0deg,rgba(246,200,75,.1) 0deg 4deg,transparent 4deg 14deg);mask-image:radial-gradient(circle,black 0,transparent 67%);animation:rotate 35s linear infinite}.royal-crown{position:absolute;top:30px;right:25%;font-size:115px;color:rgba(246,200,75,.11);text-shadow:0 0 50px rgba(246,200,75,.18);animation:float 5s ease-in-out infinite}.hero-ball{position:relative;z-index:3;font-size:170px;filter:drop-shadow(0 18px 30px rgba(0,0,0,.7));animation:ballFloat 4s ease-in-out infinite}.ball-glow{position:absolute;width:300px;height:110px;border-radius:50%;bottom:70px;background:rgba(56,229,139,.25);filter:blur(45px);animation:glow 3s ease-in-out infinite}.orb{position:absolute;border-radius:50%;filter:blur(1px);box-shadow:0 0 25px currentColor}.orb-a{width:9px;height:9px;color:var(--gold);background:var(--gold);top:22%;left:18%;animation:orbFloat 5s infinite}.orb-b{width:6px;height:6px;color:var(--green);background:var(--green);right:12%;top:43%;animation:orbFloat 7s 1s infinite}.orb-c{width:8px;height:8px;color:var(--gold);background:var(--gold);left:22%;bottom:22%;animation:orbFloat 6s 2s infinite}.floating-chip{position:absolute;padding:9px 12px;border:1px solid rgba(246,200,75,.18);border-radius:10px;background:rgba(4,23,14,.78);backdrop-filter:blur(12px);color:#8fa298;font-size:8px;font-weight:850;letter-spacing:.6px;box-shadow:0 12px 35px rgba(0,0,0,.25);animation:chipFloat 5s ease-in-out infinite}.floating-chip b{color:var(--green);margin-left:6px}.chip-one{right:4%;top:30%}.chip-two{left:4%;top:52%;animation-delay:1s}.chip-three{right:10%;bottom:17%;animation-delay:2s}.stadium-lines{position:absolute;bottom:34px;width:390px;height:170px;border:1px solid rgba(56,229,139,.12);border-bottom:0;border-radius:50% 50% 0 0;transform:perspective(500px) rotateX(62deg);box-shadow:0 -10px 80px rgba(56,229,139,.08)}.royal-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:13px}.royal-stat{min-height:90px;padding:17px 18px;border:1px solid rgba(255,255,255,.07);border-radius:16px;background:linear-gradient(135deg,rgba(8,34,22,.88),rgba(4,19,12,.72));display:flex;align-items:center;gap:13px;position:relative;overflow:hidden}.royal-stat:before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent,rgba(246,200,75,.04),transparent);transform:translateX(-100%);animation:sweep 5s infinite}.stat-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:13px;background:rgba(255,255,255,.055);color:#fff;font-size:20px}.stat-icon.green{color:var(--green)}.stat-icon.gold{color:var(--gold)}.stat-icon.violet{color:var(--violet)}.royal-stat strong{display:block;font-size:24px;line-height:1}.royal-stat small{display:block;margin-top:5px;color:#73867b;font-size:9px;font-weight:750}.stat-spark{position:absolute;right:12px;bottom:10px;width:50px;height:22px;border-bottom:2px solid rgba(56,229,139,.35);border-radius:50%;transform:skewY(-10deg);opacity:.8}.section{margin-top:42px}.royal-heading{align-items:end}.royal-heading h2{margin:6px 0 4px;font-size:31px;letter-spacing:-1.2px}.royal-heading p{color:#6f8478;font-size:11px}.royal-view{display:flex;align-items:center;gap:8px;color:var(--gold);border:1px solid rgba(246,200,75,.14);padding:9px 12px;border-radius:10px;background:rgba(246,200,75,.035)}.royal-search{position:relative;margin-bottom:12px}.royal-search>span{position:absolute;left:14px;top:10px;color:var(--gold);font-size:19px;z-index:2}.royal-search .search-input{padding-left:40px}.search-input{width:100%;height:44px;padding:0 14px;border:1px solid rgba(255,255,255,.08);border-radius:11px;outline:none;background:rgba(5,25,16,.75);color:#fff}.search-input:focus{border-color:rgba(246,200,75,.38);box-shadow:0 0 0 3px rgba(246,200,75,.04)}.search-input::placeholder{color:#61756a}.royal-grid{grid-template-columns:repeat(3,1fr)}.prediction-card{padding:17px;border:1px solid rgba(246,200,75,.1);border-radius:16px;background:linear-gradient(145deg,rgba(8,34,22,.9),rgba(3,17,11,.9));min-width:0;position:relative;overflow:hidden;transition:transform .3s,border-color .3s,box-shadow .3s}.prediction-card:before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 30%,rgba(246,200,75,.06),transparent 70%);transform:translateX(-100%);transition:.7s}.prediction-card:hover{transform:translateY(-5px);border-color:rgba(246,200,75,.25);box-shadow:0 18px 50px rgba(0,0,0,.3)}.prediction-card:hover:before{transform:translateX(100%)}.match-meta{display:flex;justify-content:space-between;gap:8px;color:#75897e;font-size:9px}.league-name{color:#a4b4ab}.teams{margin-top:16px;display:grid;gap:7px}.team{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:13px;font-weight:800}.team-score{color:#53675c}.prediction-main{margin-top:15px;padding-top:13px;border-top:1px solid rgba(255,255,255,.06)}.prediction-selection{display:flex;justify-content:space-between;align-items:end;gap:10px}.market-name{color:#6f8378;font-size:8px;text-transform:uppercase;font-weight:900;letter-spacing:1px}.selection{margin-top:4px;font-weight:850}.confidence{min-width:57px;text-align:center;padding:6px 7px;border-radius:7px;font-size:11px;font-weight:900}.strong{background:rgba(56,229,139,.12);color:#51ef9a}.medium{background:rgba(195,226,70,.11);color:#cce965}.amber{background:rgba(246,185,66,.11);color:#f6c04d}.red{background:rgba(239,90,90,.11);color:#ef8b8b}.prediction-card:after{content:"";position:absolute;left:17px;right:17px;bottom:0;height:2px;background:linear-gradient(90deg,var(--green),var(--gold));transform:scaleX(0);transform-origin:left;transition:.35s}.prediction-card:hover:after{transform:scaleX(1)}.state-box{padding:35px 15px;border:1px solid rgba(246,200,75,.1);border-radius:14px;background:rgba(7,28,18,.65);text-align:center;margin-top:12px}.state-text{color:#879a90;font-size:13px}.hidden{display:none!important}.royal-benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:11px}.benefit-card{position:relative;padding:25px;border:1px solid rgba(246,200,75,.1);border-radius:18px;background:linear-gradient(145deg,rgba(8,34,22,.8),rgba(3,16,10,.8));overflow:hidden;transition:.3s}.benefit-card:hover{transform:translateY(-5px);border-color:rgba(246,200,75,.25)}.benefit-number{position:absolute;right:18px;top:14px;color:rgba(246,200,75,.15);font-size:45px;font-weight:900}.benefit-icon{color:var(--gold);font-size:26px}.benefit-card h3{margin:16px 0 7px;font-size:16px}.benefit-card p{margin:0;color:#7f9488;font-size:11px;line-height:1.7}.royal-banner{margin-top:42px;padding:30px;border:1px solid rgba(246,200,75,.16);border-radius:20px;display:flex;align-items:center;justify-content:space-between;gap:25px;background:radial-gradient(circle at 80% 50%,rgba(246,200,75,.08),transparent 35%),linear-gradient(110deg,rgba(6,37,23,.9),rgba(4,19,12,.8))}.royal-banner h2{margin:7px 0;font-size:28px}.royal-banner p{margin:0;color:#7e9387;font-size:11px;line-height:1.6}.disclaimer{max-width:800px;margin:35px auto 0;text-align:center;color:#5e7166;font-size:9px;line-height:1.8}.site-footer{margin-top:55px;border-top:1px solid rgba(246,200,75,.09)}.footer-inner{width:min(1220px,calc(100% - 28px));margin:auto;padding:30px 0 25px;text-align:center}.footer-crown{color:var(--gold);font-size:25px}.footer-tagline{color:#71857a;font-size:10px;margin:6px 0 16px}.footer-links{display:flex;justify-content:center;gap:22px;flex-wrap:wrap}.footer-links a{color:#778b80;font-size:10px;font-weight:700}.footer-links a:hover{color:var(--gold)}.copyright{margin-top:17px;color:#4c5f54;font-size:8px}.designed{margin-top:6px;color:#53665a;font-size:8px;animation:pulse 2.8s ease-in-out infinite}.pacethel{color:var(--gold);font-weight:900}@keyframes livePulse{0%{box-shadow:0 0 0 0 rgba(56,229,139,.6)}70%{box-shadow:0 0 0 7px rgba(56,229,139,0)}100%{box-shadow:0 0 0 0 rgba(56,229,139,0)}}@keyframes crownGlow{0%,100%{transform:translateY(0);text-shadow:0 0 15px rgba(246,200,75,.25)}50%{transform:translateY(-2px);text-shadow:0 0 30px rgba(246,200,75,.6)}}@keyframes drift{0%,100%{transform:translate(0,0)}50%{transform:translate(50px,30px)}}@keyframes rotate{to{transform:rotate(360deg)}}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-14px)}}@keyframes ballFloat{0%,100%{transform:translateY(8px) rotate(-2deg)}50%{transform:translateY(-10px) rotate(3deg)}}@keyframes glow{0%,100%{opacity:.55;transform:scale(.9)}50%{opacity:1;transform:scale(1.08)}}@keyframes orbFloat{0%,100%{transform:translate(0,0)}50%{transform:translate(18px,-20px)}}@keyframes chipFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes sweep{0%,55%{transform:translateX(-100%)}75%,100%{transform:translateX(100%)}}@keyframes dropIn{from{opacity:0;transform:translateY(-7px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,100%{opacity:.45}50%{opacity:1;transform:translateY(-1px)}}@keyframes floatParticle{0%{opacity:0;transform:translateY(20px) scale(.5)}15%{opacity:.65}80%{opacity:.35}100%{opacity:0;transform:translateY(-100vh) scale(1.2)}}
@media(max-width:1000px){.desktop-nav{gap:16px}.brand{min-width:190px}.royal-hero{grid-template-columns:1fr;min-height:650px}.hero-copy{max-width:720px}.hero-visual{position:absolute;right:0;bottom:-60px;width:48%;opacity:.6;pointer-events:none}.royal-stats{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.header-inner{min-height:62px;width:calc(100% - 18px)}.brand-crown{font-size:28px}.brand-pace,.brand-fetch{font-size:20px}.brand-word small{font-size:6px}.desktop-nav,.live-pill{display:none}.menu-button{display:flex;align-items:center;justify-content:center}.mobile-nav{top:62px}.page{width:calc(100% - 12px)}.royal-hero{margin-top:9px;padding:31px 18px 245px;border-radius:21px;min-height:690px}.hero-copy h1{font-size:47px;letter-spacing:-2.8px}.hero-copy>p{font-size:13px;line-height:1.65}.hero-feature-row{gap:17px}.hero-feature-row strong{font-size:16px}.hero-feature-row small{font-size:8px}.hero-actions{display:grid;grid-template-columns:1fr;gap:8px}.primary-button,.secondary-button{width:100%}.hero-visual{width:100%;height:260px;bottom:-25px;opacity:.72}.hero-ball{font-size:105px}.royal-crown{font-size:80px;top:8px;right:28%}.stadium-lines{width:280px;height:125px;bottom:20px}.floating-chip{font-size:7px;padding:7px 8px}.chip-one{right:0;top:20%}.chip-two{left:0;top:50%}.chip-three{right:3%;bottom:10%}.royal-stats{grid-template-columns:1fr 1fr;gap:7px}.royal-stat{min-height:80px;padding:12px}.stat-icon{width:34px;height:34px;font-size:16px}.royal-stat strong{font-size:19px}.royal-stat small{font-size:7px}.stat-spark{display:none}.section{margin-top:30px}.royal-heading h2{font-size:25px}.royal-grid{grid-template-columns:1fr}.royal-benefits{grid-template-columns:1fr}.royal-banner{display:grid;padding:23px}.royal-banner h2{font-size:24px}.royal-banner .secondary-button{width:100%}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.001ms!important}}