@import url("https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Syne:wght@400;500;600;700;800&family=DM+Mono:wght@400;500&display=swap");.app{position:relative;z-index:1}.screen{display:none;height:100vh;animation:fadeUp .3s ease;overflow-y:auto}.screen.active{display:flex;flex-direction:column}#screen-landing{align-items:center;justify-content:space-between;text-align:center;background:radial-gradient(ellipse 60% 40% at 30% 20%,color-mix(in srgb,var(--accent) 7%,transparent) 0,transparent 70%),radial-gradient(ellipse 50% 40% at 75% 80%,color-mix(in srgb,var(--accent2) 5%,transparent) 0,transparent 70%)}#screen-landing>div:first-child{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;min-height:0;width:100%}.landing-eyebrow{font-family:var(--font-mono),monospace;font-size:11px;letter-spacing:3px;color:var(--accent);border:1px solid color-mix(in srgb,var(--accent) 35%,transparent);display:inline-block;padding:6px 16px;border-radius:20px;background:color-mix(in srgb,var(--accent) 6%,transparent);margin-bottom:32px}.landing-title{font-family:var(--font-heading),sans-serif;font-size:clamp(64px,12vw,120px);letter-spacing:4px;line-height:.9;margin-bottom:16px;color:var(--text)}.ranqd-q-wrap{position:relative;display:inline-block}.ranqd-q{-webkit-text-fill-color:var(--accent)!important}.ranqd-q,.ranqd-q-sm{color:var(--accent)!important}.ranqd-d,.ranqd-q,.ranqd-q-sm{display:inline-block;vertical-align:baseline}.ranqd-d{color:inherit;-webkit-text-fill-color:inherit}.ranqd-dot{position:absolute;left:50%;transform:translateX(-50%);display:block;border-radius:50%}.landing-tagline{font-family:var(--font-mono),monospace;font-size:12px;letter-spacing:3px;color:var(--muted);text-transform:uppercase;margin:8px 0 32px}.landing-sub{font-size:15px;color:var(--muted2);max-width:420px;margin:0 auto 44px;line-height:1.7;font-weight:400}.landing-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;width:100%;max-width:440px;margin:0 auto}.landing-pill{display:flex;align-items:center;gap:7px;font-size:11px;letter-spacing:1px;color:var(--muted);padding:7px 14px;border:1px solid var(--border);border-radius:20px;background:var(--surface)}.landing-pill,.lg-type-badge{font-family:var(--font-mono),monospace}.lg-type-badge{font-size:9px;padding:1px 5px;border-radius:3px;margin-left:5px;opacity:.6;vertical-align:middle;background:hsla(0,0%,100%,.1)}.lp-btn{display:inline-flex;align-items:center;gap:7px;padding:9px 18px;border-radius:8px;font-family:"Syne",var(--font-body),sans-serif;font-size:13px;font-weight:600;cursor:pointer;border:1px solid transparent;transition:all .18s;white-space:nowrap}.lp-btn-p{background:var(--btn-bg);color:var(--btn-text);border-color:var(--btn-bg)}.lp-btn-p:hover{filter:brightness(1.08)}.lp-btn-g{background:none;color:var(--muted2);border:1px solid var(--border2)}.lp-btn-g:hover{color:var(--text);border-color:var(--muted)}.logo-mark{font-family:var(--font-heading),sans-serif;font-size:22px;letter-spacing:2px;color:var(--text);line-height:1;display:inline-flex;align-items:center;white-space:nowrap}.landing-pills{display:none;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:32px}:root{--bg:#07090d;--surface:#0d1017;--surface2:#121720;--surface3:#1a2030;--border:#1e2535;--border2:#28304a;--text:#eef2f7;--muted:#5a6580;--muted2:#8494b0;--accent:#e8ff47;--accent2:#47ffe8;--win:#45e87a;--loss:#f05070;--admin:#f5943a;--font-display:"Bebas Neue",sans-serif;--font-mono:"DM Mono",monospace;--font-body:"DM Sans",sans-serif;--gutter:clamp(20px,5vw,80px);--max-w:1200px}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;overflow-x:hidden}body{background:var(--bg);color:#eef2f7;font-family:DM Sans,sans-serif;font-size:16px;line-height:1.6}body:before{content:"";position:fixed;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.04'/%3E%3C/svg%3E");pointer-events:none;z-index:0;opacity:.4}a{color:inherit;text-decoration:none}.container{max-width:var(--max-w);margin:0 auto}.container,nav{padding:0 var(--gutter)}nav{position:fixed;top:0;left:0;right:0;z-index:100;height:64px;display:flex;align-items:center;justify-content:space-between;background:color-mix(in srgb,var(--bg) 80%,transparent);backdrop-filter:blur(20px);border-bottom:1px solid transparent;transition:border-color .3s}nav.scrolled{border-bottom-color:#1e2535}.nav-logo{font-family:Bebas Neue,sans-serif;font-size:26px;letter-spacing:3px;display:flex;align-items:center;margin-right:-3px}.nav-logo .q-wrap{position:relative;display:inline-block}.nav-logo .accent-d{color:#e8ff47}.nav-logo .dot{width:7px;height:7px;background:#e8ff47;border-radius:50%;position:absolute;top:-4px;left:50%;transform:translateX(-50%);animation:pulse 2s ease-in-out infinite}.nav-badge{font-family:DM Mono,monospace;font-size:10px;letter-spacing:2px;color:#e8ff47;padding:5px 12px;border:1px solid color-mix(in srgb,#e8ff47 25%,transparent);border-radius:6px;background:color-mix(in srgb,#e8ff47 6%,transparent);display:flex;align-items:center;gap:6px}.nav-badge-dot{width:5px;height:5px;border-radius:50%;background:#e8ff47;animation:pulse 1.5s ease-in-out infinite}.nav-links{display:flex;align-items:center;gap:4px;flex:1;justify-content:center}.nav-link{font-family:DM Mono,monospace;font-size:10px;letter-spacing:1.5px;color:#8494b0;padding:6px 14px;border-radius:6px;text-decoration:none;text-transform:uppercase;transition:color .2s,background .2s;white-space:nowrap}.nav-link:hover{color:#eef2f7;background:#121720}.nav-hamburger{display:none;flex-direction:column;gap:5px;cursor:pointer;background:none;border:none;padding:8px;border-radius:6px;transition:background .2s}.nav-hamburger:hover{background:#121720}.nav-hamburger span{display:block;width:22px;height:2px;background:#8494b0;border-radius:2px;transition:transform .25s,opacity .25s,background .2s}.nav-hamburger.open span:first-child{transform:translateY(7px) rotate(45deg);background:#eef2f7}.nav-hamburger.open span:nth-child(2){opacity:0}.nav-hamburger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg);background:#eef2f7}.nav-mobile-menu{display:none;position:fixed;top:64px;left:0;right:0;background:color-mix(in srgb,#0d1017 97%,transparent);backdrop-filter:blur(20px);border-bottom:1px solid #28304a;padding:12px 16px 20px;z-index:99;flex-direction:column;gap:4px;animation:slideDown .2s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.nav-mobile-menu.open{display:flex}.nav-mobile-link{font-family:DM Mono,monospace;font-size:12px;letter-spacing:1.5px;color:#8494b0;padding:12px 16px;border-radius:8px;text-decoration:none;text-transform:uppercase;transition:color .2s,background .2s;border:1px solid transparent}.nav-mobile-link:hover{color:#eef2f7;background:#121720;border-color:#1e2535}@media (max-width:860px){.nav-links{display:none}.nav-hamburger{display:flex}}@media (min-width:861px){.nav-mobile-menu{display:none!important}}#hero{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:120px var(--gutter) 80px;position:relative;overflow:hidden}#hero:before{top:-20%;left:50%;transform:translateX(-50%);width:900px;height:700px;background:radial-gradient(ellipse at center,color-mix(in srgb,#e8ff47 8%,transparent) 0,color-mix(in srgb,var(--accent2) 4%,transparent) 40%,transparent 70%)}#hero:after,#hero:before{content:"";position:absolute;pointer-events:none}#hero:after{bottom:0;left:0;right:0;height:200px;background:linear-gradient(transparent,var(--bg))}.hero-logo{font-family:Bebas Neue,sans-serif;font-size:clamp(80px,18vw,200px);letter-spacing:8px;line-height:.9;margin-bottom:12px;opacity:0;animation:fadeUp .8s ease .4s forwards;position:relative;z-index:1}.hero-logo .q-wrap{position:relative;display:inline-block}.hero-logo .q-dot{position:absolute;top:-14px;left:50%;transform:translateX(-50%);width:14px;height:14px;background:#e8ff47;border-radius:50%;animation:dotGlow 2s ease-in-out infinite}.hero-logo .accent-d{color:#e8ff47}.hero-tagline{font-family:DM Mono,monospace;font-size:13px;letter-spacing:6px;color:#5a6580;text-transform:uppercase;margin-bottom:40px;animation:fadeUp .8s ease .55s forwards}.hero-headline,.hero-tagline{opacity:0;position:relative;z-index:1}.hero-headline{font-family:Bebas Neue,sans-serif;font-size:clamp(32px,5vw,56px);letter-spacing:2px;line-height:1.05;max-width:720px;margin-bottom:20px;animation:fadeUp .8s ease .7s forwards}.hero-headline em{font-style:normal;color:#e8ff47}.hero-sub{font-size:clamp(14px,2vw,17px);color:#8494b0;max-width:520px;line-height:1.7;font-weight:300;margin-bottom:48px;opacity:0;animation:fadeUp .8s ease .85s forwards;position:relative;z-index:1}.hero-ctas{gap:16px;margin-bottom:48px;animation:fadeUp .8s ease 1s forwards}.hero-ctas,.hero-pills{display:flex;flex-wrap:wrap;justify-content:center;opacity:0;position:relative;z-index:1}.hero-pills{gap:10px;animation:fadeUp .8s ease 1.15s forwards}.btn-primary{background:#e8ff47;color:var(--bg);padding:14px 36px;border-radius:8px;font-family:DM Mono,monospace;font-size:13px;font-weight:500;letter-spacing:1px;border:1px solid transparent;cursor:pointer;transition:filter .2s,transform .2s,box-shadow .2s;display:inline-flex;align-items:center;gap:8px}.btn-primary:hover{filter:brightness(1.1);transform:translateY(-2px);box-shadow:0 12px 40px color-mix(in srgb,#e8ff47 30%,transparent)}.btn-secondary{background:transparent;color:#eef2f7;padding:14px 36px;border-radius:8px;font-family:DM Mono,monospace;font-size:13px;letter-spacing:1px;border:1px solid #28304a;cursor:pointer;transition:border-color .2s,background .2s,transform .2s;display:inline-flex;align-items:center;gap:8px}.btn-secondary:hover{border-color:#5a6580;background:#0d1017;transform:translateY(-2px)}.btn-trial{background:#1a2030;color:#8494b0;padding:14px 36px;border-radius:8px;font-family:DM Mono,monospace;font-size:13px;font-weight:500;letter-spacing:1px;border:1px solid #28304a;cursor:pointer;transition:background .2s,color .2s,transform .2s;display:inline-flex;align-items:center;gap:8px}.btn-trial:hover{background:#28304a;color:#eef2f7;transform:translateY(-2px)}section{padding:clamp(80px,10vw,140px) var(--gutter);position:relative;z-index:1}.section-label{font-family:DM Mono,monospace;font-size:10px;letter-spacing:4px;color:#e8ff47;text-transform:uppercase;margin-bottom:16px}.section-title{font-family:Bebas Neue,sans-serif;font-size:clamp(40px,6vw,72px);letter-spacing:2px;line-height:1;margin-bottom:20px}.section-title .accent{color:#e8ff47}.section-sub{font-size:17px;color:#8494b0;max-width:580px;line-height:1.7;font-weight:300}.reveal{opacity:0;transform:translateY(20px);transition:opacity .6s ease,transform .6s ease}.reveal.visible{opacity:1;transform:translateY(0)}.reveal-delay-1{transition-delay:.1s}.reveal-delay-2{transition-delay:.2s}.reveal-delay-3{transition-delay:.3s}.reveal-delay-4{transition-delay:.4s}.reveal-delay-5{transition-delay:.5s}#features{background:#0d1017;border-top:1px solid #1e2535;border-bottom:1px solid #1e2535}.features-header{text-align:center;max-width:700px;margin:0 auto 64px}.bento-grid,.features-header .section-sub{margin:0 auto}.bento-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:16px;max-width:var(--max-w)}.bento-card{background:#121720;border:1px solid #1e2535;border-radius:16px;padding:32px;transition:border-color .3s,transform .3s,box-shadow .3s;position:relative;overflow:hidden}.bento-card:before{content:"";position:absolute;inset:0;border-radius:16px;opacity:0;transition:opacity .3s;background:radial-gradient(ellipse at top left,color-mix(in srgb,#e8ff47 6%,transparent),transparent 60%)}.bento-card:hover{border-color:#28304a;transform:translateY(-4px);box-shadow:0 20px 60px rgba(0,0,0,.4)}.bento-card:hover:before{opacity:1}.bento-wide{grid-column:span 8}.bento-narrow,.bento-third{grid-column:span 4}.bento-half{grid-column:span 6}.bento-icon{font-size:32px;margin-bottom:20px;display:block}.bento-card h3{font-family:Bebas Neue,sans-serif;font-size:26px;letter-spacing:1px;margin-bottom:12px}.bento-card p{font-size:14px;color:#8494b0;line-height:1.7;font-weight:300}.bento-accent{color:#e8ff47}.mock-ratings{margin-top:24px;display:flex;flex-direction:column;gap:8px}.mock-rating-row{display:flex;align-items:center;gap:12px;background:#1a2030;border-radius:8px;padding:8px 14px;border:1px solid #1e2535}.mock-rank{font-family:DM Mono,monospace;font-size:10px;color:#5a6580;width:20px;text-align:center}.mock-rank.gold{color:#e8ff47;font-weight:500}.mock-avatar{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:DM Mono,monospace;font-size:11px;font-weight:500;color:var(--bg);flex-shrink:0}.mock-name{flex:1;font-size:13px;font-weight:500}.mock-rating-val{font-family:DM Mono,monospace;font-size:13px;color:#e8ff47}.mock-form{display:flex;gap:3px}.mock-form span{width:14px;height:14px;border-radius:3px;font-size:8px;display:flex;align-items:center;justify-content:center;font-weight:700}.mock-form .w{background:color-mix(in srgb,#45e87a 20%,transparent);color:#45e87a}.mock-form .l{background:color-mix(in srgb,var(--loss) 20%,transparent);color:var(--loss)}.mock-fixture{margin-top:20px;display:grid;gap:8px}.mock-fixture-row{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;background:#1a2030;border-radius:8px;padding:10px 14px;border:1px solid #1e2535;font-size:13px}.mock-fixture-player{font-weight:500}.mock-fixture-score{font-family:DM Mono,monospace;font-size:14px;color:#5a6580;text-align:center;white-space:nowrap}.mock-fixture-score.played{color:#e8ff47}#progression{background:var(--bg);overflow:hidden}.progression-layout{max-width:var(--max-w);margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.progression-copy .section-sub{margin-bottom:36px}.progression-pills{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:40px}.pill{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:100px;font-family:DM Mono,monospace;font-size:11px;letter-spacing:.5px;border:1px solid #28304a;color:#8494b0;background:#0d1017}.pill.active{border-color:color-mix(in srgb,#e8ff47 40%,transparent);background:color-mix(in srgb,#e8ff47 8%,transparent);color:#e8ff47}.pill-dot{width:6px;height:6px;border-radius:50%;background:currentColor}.division-ladder{position:relative}.div-ladder-line{position:absolute;left:50%;top:48px;bottom:48px;width:2px;background:linear-gradient(to bottom,#e8ff47,var(--accent2),#1e2535);transform:translateX(-50%);z-index:0}.div-ladder-item{position:relative;z-index:1;display:flex;align-items:center;margin-bottom:12px;gap:16px}.div-ladder-item.right{flex-direction:row-reverse}.div-box{flex:1;background:#121720;border:1px solid #1e2535;border-radius:12px;padding:16px 20px}.div-box.champion{border-color:color-mix(in srgb,#e8ff47 50%,transparent);background:color-mix(in srgb,#e8ff47 6%,#121720)}.div-box-title{font-family:Bebas Neue,sans-serif;font-size:18px;letter-spacing:1px;margin-bottom:8px}.div-box-players{display:flex;gap:4px;flex-wrap:wrap}.div-player-chip{font-family:DM Mono,monospace;font-size:9px;padding:2px 7px;border-radius:4px;background:#1a2030;color:#8494b0;border:1px solid #1e2535}.div-player-chip.promote{background:color-mix(in srgb,#45e87a 15%,transparent);color:#45e87a;border-color:color-mix(in srgb,#45e87a 30%,transparent)}.div-player-chip.relegate{background:color-mix(in srgb,var(--loss) 12%,transparent);color:var(--loss);border-color:color-mix(in srgb,var(--loss) 25%,transparent)}.div-arrow{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;flex-shrink:0;position:relative;z-index:2}.div-arrow.up{background:color-mix(in srgb,#45e87a 15%,transparent);color:#45e87a;border:1px solid color-mix(in srgb,#45e87a 30%,transparent)}.div-arrow.down{background:color-mix(in srgb,var(--loss) 12%,transparent);color:var(--loss);border:1px solid color-mix(in srgb,var(--loss) 25%,transparent)}.progression-note{background:#0d1017;border:1px solid #1e2535;border-left:3px solid #e8ff47;border-radius:0 8px 8px 0;padding:16px 20px;font-size:13px;color:#8494b0;line-height:1.6;margin-top:24px}.progression-note strong{color:#eef2f7}#league-types{background:#0d1017;border-top:1px solid #1e2535;border-bottom:1px solid #1e2535}.league-types-grid{max-width:var(--max-w);margin:64px auto 0;display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.league-type-card{background:#121720;border:1px solid #1e2535;border-radius:14px;padding:24px 28px;position:relative;overflow:hidden;transition:transform .3s,border-color .3s,box-shadow .3s;display:grid;grid-template-columns:auto 1fr;gap:0 20px;align-items:start}.league-type-card:before{content:"";position:absolute;top:0;left:0;bottom:0;width:3px;background:var(--card-accent,#e8ff47);border-radius:14px 0 0 14px}.league-type-card:hover{transform:translateY(-4px);border-color:#28304a;box-shadow:0 16px 48px rgba(0,0,0,.4)}.league-type-card:first-child{--card-accent:#e8ff47}.league-type-card:nth-child(2){--card-accent:var(--accent2)}.league-type-card:nth-child(3){--card-accent:var(--admin)}.league-type-card:nth-child(4){--card-accent:#a78bfa}.lt-icon{font-size:32px;grid-row:span 3;padding-top:2px}.lt-title{font-family:Bebas Neue,sans-serif;font-size:22px;letter-spacing:1px;margin-bottom:6px}.lt-desc{font-size:13px;color:#8494b0;line-height:1.6;margin-bottom:14px;font-weight:300}.lt-features{list-style:none;display:flex;flex-wrap:wrap;gap:6px}.lt-features li{font-family:DM Mono,monospace;font-size:10px;letter-spacing:.5px;color:#8494b0;padding:3px 10px;border-radius:100px;background:color-mix(in srgb,var(--card-accent,#e8ff47) 8%,transparent);border:1px solid color-mix(in srgb,var(--card-accent,#e8ff47) 20%,transparent)}#fixtures{background:var(--bg);overflow:hidden}.fixtures-layout{max-width:var(--max-w);margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.fixtures-copy{order:2}.fixtures-visual{order:1}.week-tabs-mock{display:flex;gap:4px;margin-bottom:16px}.week-tab{font-family:DM Mono,monospace;font-size:10px;letter-spacing:1px;padding:6px 14px;border-radius:6px;border:1px solid #1e2535;color:#5a6580;background:#121720;cursor:default}.week-tab.active{background:#e8ff47;color:var(--bg);border-color:#e8ff47;font-weight:500}.schedule-card{background:#121720;border:1px solid #1e2535;border-radius:16px;overflow:hidden}.schedule-header{padding:16px 20px;border-bottom:1px solid #1e2535;display:flex;align-items:center;justify-content:space-between;background:#1a2030}.schedule-title{font-family:Bebas Neue,sans-serif;font-size:16px;letter-spacing:1px}.schedule-badge{font-family:DM Mono,monospace;font-size:9px;padding:3px 10px;border-radius:4px;background:color-mix(in srgb,#e8ff47 15%,transparent);color:#e8ff47;border:1px solid color-mix(in srgb,#e8ff47 30%,transparent);letter-spacing:1px}.schedule-matches{padding:12px;display:flex;flex-direction:column;gap:6px}.schedule-match{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;padding:10px 14px;border-radius:8px;border:1px solid #1e2535;background:#1a2030;font-size:13px}.schedule-match .player-a{text-align:right;font-weight:500}.schedule-match .player-b{text-align:left;font-weight:500}.match-vs{font-size:10px;color:#5a6580;background:#0d1017;border:1px solid #1e2535;border-radius:4px;padding:3px 8px;white-space:nowrap}.match-score,.match-vs{font-family:DM Mono,monospace}.match-score{font-size:12px;color:#e8ff47;font-weight:500}.schedule-bench{padding:10px 20px;border-top:1px solid #1e2535;font-family:DM Mono,monospace;font-size:10px;color:#5a6580;display:flex;align-items:center;gap:8px}.fixture-features{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:36px}.fixture-feat{background:#0d1017;border:1px solid #1e2535;border-radius:10px;padding:16px}.fixture-feat-icon{font-size:20px;margin-bottom:8px}.fixture-feat-title{font-family:DM Mono,monospace;font-size:11px;letter-spacing:.5px;color:#eef2f7;margin-bottom:4px}.fixture-feat-desc{font-size:12px;color:#5a6580;line-height:1.5}#configurator{background:#0d1017;border-top:1px solid #1e2535;border-bottom:1px solid #1e2535}.cfg-layout{max-width:var(--max-w);margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}.cfg-mock{background:#121720;border:1px solid #1e2535;border-radius:20px;padding:28px;position:relative}.cfg-mock-eyebrow{font-family:DM Mono,monospace;font-size:9px;letter-spacing:2px;color:#5a6580;text-transform:uppercase;margin-bottom:4px}.cfg-mock-title{font-family:Bebas Neue,sans-serif;font-size:18px;letter-spacing:1px;color:#eef2f7;margin-bottom:22px}.cfg-readout{display:flex;align-items:center;justify-content:center;gap:18px;background:#07090d;border:1px solid #1e2535;border-radius:12px;padding:18px;margin-bottom:22px}.cfg-readout-side{flex:1;text-align:center}.cfg-readout-num{font-family:Bebas Neue,sans-serif;font-size:48px;line-height:1;letter-spacing:1px;margin-bottom:4px}.cfg-readout-num.skill{color:#e8ff47}.cfg-readout-num.rand{color:#5ce8f5}.cfg-readout-label{font-family:DM Mono,monospace;font-size:9px;letter-spacing:2px;color:#5a6580;text-transform:uppercase}.cfg-readout-divider{font-family:Bebas Neue,sans-serif;font-size:32px;color:#28304a;line-height:1}.cfg-slider{position:relative;height:36px;margin-bottom:8px}.cfg-slider-track{top:50%;right:0;height:6px;transform:translateY(-50%);background:#1e2535;overflow:hidden}.cfg-slider-fill,.cfg-slider-track{position:absolute;left:0;border-radius:100px}.cfg-slider-fill{top:0;bottom:0;width:80%;background:linear-gradient(90deg,#e8ff47,#c8e63c)}.cfg-slider-thumb{position:absolute;top:50%;left:80%;width:18px;height:18px;transform:translate(-50%,-50%);background:#eef2f7;border-radius:50%;border:3px solid #07090d;box-shadow:0 0 0 1px #e8ff47,0 4px 12px rgba(0,0,0,.5)}.cfg-slider-rec{top:-22px;left:80%;font-family:DM Mono,monospace;font-size:9px;letter-spacing:1.5px;color:#e8ff47;text-transform:uppercase;white-space:nowrap}.cfg-slider-rec,.cfg-slider-rec:after{position:absolute;transform:translateX(-50%)}.cfg-slider-rec:after{content:"";top:100%;left:50%;border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid #e8ff47}.cfg-slider-labels{display:flex;justify-content:space-between;font-family:DM Mono,monospace;font-size:9px;letter-spacing:1.5px;color:#5a6580;text-transform:uppercase;margin-top:14px}.cfg-presets{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;max-width:var(--max-w);margin:64px auto 0}.cfg-preset{background:#07090d;border:1px solid #1e2535;border-radius:12px;padding:22px;position:relative;overflow:hidden}.cfg-preset:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--preset-accent,#5a6580);opacity:.6}.cfg-preset-num{font-family:Bebas Neue,sans-serif;font-size:42px;line-height:1;letter-spacing:1px;margin-bottom:4px;color:var(--preset-accent,#eef2f7)}.cfg-preset-label{font-family:DM Mono,monospace;font-size:10px;letter-spacing:1.5px;color:#5a6580;text-transform:uppercase;margin-bottom:14px}.cfg-preset-desc{font-size:13px;color:#8494b0;line-height:1.55;font-weight:300}.cfg-preset.cfg-preset-skill{--preset-accent:#e8ff47}.cfg-preset.cfg-preset-balance{--preset-accent:#a78bfa}.cfg-preset.cfg-preset-random{--preset-accent:#5ce8f5}@media (max-width:860px){.cfg-layout{gap:48px}.cfg-layout,.cfg-presets{grid-template-columns:1fr}}#spotlight{background:#0d1017;border-top:1px solid #1e2535;border-bottom:1px solid #1e2535}.sp-header{text-align:center;max-width:720px;margin:0 auto 56px}.sp-grid,.sp-header .section-sub{margin:0 auto}.sp-grid{max-width:var(--max-w);display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.sp-card{background:#07090d;border:1px solid #1e2535;border-radius:16px;padding:28px;position:relative;overflow:hidden;transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease}.sp-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--sp-accent,#e8ff47);opacity:.6;transition:opacity .3s ease,height .3s ease}.sp-card:after{content:"";position:absolute;inset:0;border-radius:16px;background:radial-gradient(ellipse at top right,color-mix(in srgb,var(--sp-accent,#e8ff47) 8%,transparent),transparent 60%);opacity:0;transition:opacity .3s ease;pointer-events:none}.sp-card:hover{transform:translateY(-4px);border-color:color-mix(in srgb,var(--sp-accent,#e8ff47) 35%,#28304a);box-shadow:0 20px 50px rgba(0,0,0,.45)}.sp-card:hover:before{opacity:1;height:4px}.sp-card:hover:after{opacity:1}.sp-tag{display:inline-flex;align-items:center;gap:6px;font-family:DM Mono,monospace;font-size:9px;letter-spacing:2px;color:var(--sp-accent,#e8ff47);text-transform:uppercase;padding:5px 10px;border-radius:100px;background:color-mix(in srgb,var(--sp-accent,#e8ff47) 10%,transparent);border:1px solid color-mix(in srgb,var(--sp-accent,#e8ff47) 25%,transparent);margin-bottom:22px;position:relative;z-index:1}.sp-tag:before{content:"";width:5px;height:5px;border-radius:50%;background:var(--sp-accent,#e8ff47)}.sp-player{gap:14px;margin-bottom:22px;position:relative;z-index:1}.sp-avatar,.sp-player{display:flex;align-items:center}.sp-avatar{width:48px;height:48px;border-radius:50%;justify-content:center;font-family:DM Mono,monospace;font-size:14px;font-weight:700;color:#07090d;background:var(--sp-accent,#e8ff47);flex-shrink:0}.sp-name{font-family:Bebas Neue,sans-serif;font-size:22px;letter-spacing:1.5px;color:#eef2f7;line-height:1;margin-bottom:4px}.sp-context{font-family:DM Mono,monospace;font-size:10px;letter-spacing:1px;color:#5a6580}.sp-metric{position:relative;z-index:1;padding-top:18px;border-top:1px solid #1e2535}.sp-metric-num{font-family:Bebas Neue,sans-serif;font-size:56px;line-height:1;letter-spacing:1px;color:var(--sp-accent,#e8ff47);margin-bottom:6px}.sp-metric-label{font-family:DM Mono,monospace;font-size:10px;letter-spacing:2px;color:#5a6580;text-transform:uppercase;margin-bottom:12px}.sp-metric-detail{font-size:13px;line-height:1.55;color:#8494b0;font-weight:300}.sp-card.sp-improved{--sp-accent:#45e87a}.sp-card.sp-top{--sp-accent:#e8ff47}.sp-card.sp-winrate{--sp-accent:#5ce8f5}.sp-footnote{max-width:var(--max-w);margin:32px auto 0;text-align:center;font-family:DM Mono,monospace;font-size:10px;letter-spacing:2px;color:#5a6580;text-transform:uppercase}.sp-footnote .accent{color:#e8ff47}@media (max-width:860px){.sp-grid{grid-template-columns:1fr}.sp-metric-num{font-size:48px}}#pricing{background:var(--bg);position:relative;overflow:hidden}#pricing:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:900px;height:500px;background:radial-gradient(ellipse,color-mix(in srgb,#e8ff47 4%,transparent),transparent 70%);pointer-events:none}.pricing-header{text-align:center;max-width:720px;margin:0 auto 64px;position:relative;z-index:1}.pricing-header .section-sub{margin:0 auto}.pricing-grid{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);gap:16px;position:relative;z-index:1}.pricing-card{background:#0d1017;border:1px solid #1e2535;border-radius:20px;padding:36px 28px 32px;position:relative;overflow:hidden;transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease;display:flex;flex-direction:column}.pricing-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--plan-accent,#e8ff47);opacity:.6;transition:opacity .3s ease,height .3s ease}.pricing-card:hover{transform:translateY(-4px);border-color:color-mix(in srgb,var(--plan-accent,#e8ff47) 35%,#28304a);box-shadow:0 20px 50px rgba(0,0,0,.45)}.pricing-card:hover:before{opacity:1;height:4px}.pricing-card.featured{border-color:color-mix(in srgb,#e8ff47 45%,#28304a);background:linear-gradient(180deg,color-mix(in srgb,#e8ff47 5%,#0d1017),#0d1017 60%);box-shadow:0 0 40px color-mix(in srgb,#e8ff47 8%,transparent)}.pricing-card.featured:before{opacity:1;height:4px}.pricing-recommended{position:absolute;top:14px;right:14px;font-family:DM Mono,monospace;font-size:8px;letter-spacing:1.5px;color:#e8ff47;text-transform:uppercase;padding:3px 8px;background:color-mix(in srgb,#e8ff47 12%,transparent);border:1px solid color-mix(in srgb,#e8ff47 35%,transparent);border-radius:100px;z-index:2}.pricing-name{font-family:Bebas Neue,sans-serif;font-size:36px;letter-spacing:3px;line-height:1;margin-bottom:6px;color:#eef2f7}.pricing-sport-count{font-family:DM Mono,monospace;font-size:10px;letter-spacing:2px;color:var(--plan-accent,#e8ff47);text-transform:uppercase;margin-bottom:24px}.pricing-price-row{display:flex;align-items:baseline;gap:6px;margin-bottom:6px}.pricing-price{font-family:Bebas Neue,sans-serif;font-size:64px;line-height:1;letter-spacing:2px;color:#eef2f7}.pricing-price-suffix{font-size:12px;color:#5a6580}.pricing-annual,.pricing-price-suffix{font-family:DM Mono,monospace;letter-spacing:1px}.pricing-annual{font-size:11px;color:#8494b0;margin-bottom:24px}.pricing-annual .accent{color:#e8ff47}.pricing-divider{height:1px;background:#1e2535;margin:4px 0 22px}.pricing-summary{font-size:13px;line-height:1.6;color:#8494b0;font-weight:300}.pricing-card .btn-primary,.pricing-card .btn-trial{margin-top:auto;display:flex!important;align-items:center;justify-content:center;width:100%;box-sizing:border-box;height:48px;padding:0 24px;text-align:center}.pricing-card.plan-trial{--plan-accent:#5a6580;border-style:dashed}.pricing-card.plan-play{--plan-accent:#5ce8f5}.pricing-card.plan-compete{--plan-accent:#e8ff47}.pricing-card.plan-elite{--plan-accent:#a78bfa}.pricing-included{max-width:1100px;margin:56px auto 0;background:#0d1017;border:1px solid #1e2535;border-radius:20px;padding:36px;position:relative;z-index:1}.pricing-included-eyebrow{font-family:DM Mono,monospace;font-size:10px;letter-spacing:4px;color:#5a6580;text-transform:uppercase;text-align:center;margin-bottom:28px}.pricing-included-eyebrow .accent{color:#e8ff47}.pricing-included-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px 36px}.pricing-feat{display:flex;align-items:flex-start;gap:12px;font-size:14px;line-height:1.5;color:#c4cdd8}.pricing-feat-check{flex-shrink:0;width:18px;height:18px;margin-top:1px;border-radius:50%;background:color-mix(in srgb,#45e87a 18%,transparent);color:#45e87a;font-size:11px;display:flex;align-items:center;justify-content:center}.pricing-feat-check:before{content:"\2713";font-weight:700}.pricing-feat strong{color:#eef2f7;font-weight:500}.pricing-footnote{text-align:center;max-width:1100px;margin:32px auto 0;font-family:DM Mono,monospace;font-size:10px;letter-spacing:2px;color:#5a6580;text-transform:uppercase}.pricing-footnote .accent{color:#e8ff47}@media (max-width:1100px) and (min-width:861px){.pricing-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:860px){.pricing-grid{max-width:480px}.pricing-grid,.pricing-included-grid{grid-template-columns:1fr}.pricing-included{padding:28px}}#sports{background:var(--bg);position:relative}#sports:before{content:"";position:absolute;top:0;left:50%;transform:translateX(-50%);width:700px;height:320px;background:radial-gradient(ellipse at center,color-mix(in srgb,#e8ff47 5%,transparent) 0,transparent 70%);pointer-events:none}.sports-header{text-align:center;max-width:720px;margin:0 auto 64px;position:relative;z-index:1}.sports-grid,.sports-header .section-sub{margin:0 auto}.sports-grid{max-width:var(--max-w);display:grid;grid-template-columns:repeat(3,1fr);gap:16px;position:relative;z-index:1}.sport-card{background:#121720;border:1px solid #1e2535;border-radius:16px;padding:28px 22px 24px;display:flex;flex-direction:column;position:relative;overflow:hidden;transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease}.sport-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--sport-accent,#e8ff47);opacity:.6;transition:opacity .3s ease,height .3s ease}.sport-card:after{content:"";position:absolute;inset:0;border-radius:16px;background:radial-gradient(ellipse at top,color-mix(in srgb,var(--sport-accent,#e8ff47) 8%,transparent),transparent 60%);opacity:0;transition:opacity .3s ease;pointer-events:none}.sport-card:hover{transform:translateY(-6px);border-color:color-mix(in srgb,var(--sport-accent,#e8ff47) 35%,#28304a);box-shadow:0 20px 50px rgba(0,0,0,.45)}.sport-card:hover:before{opacity:1;height:4px}.sport-card:hover:after{opacity:1}.sport-card:hover .sport-icon{transform:translateY(-2px) scale(1.05)}.sport-icon{width:64px;height:64px;margin-bottom:22px;color:var(--sport-accent,#e8ff47);transition:transform .4s ease;position:relative;z-index:1}.sport-icon svg{width:100%;height:100%;display:block}.sport-name{font-family:Bebas Neue,sans-serif;font-size:30px;letter-spacing:2px;line-height:1;margin-bottom:16px;padding-bottom:14px;border-bottom:1px solid #1e2535}.sport-blurb,.sport-name{position:relative;z-index:1}.sport-blurb{font-size:13px;line-height:1.6;color:#8494b0;font-weight:300}.sport-card-pickleball{--sport-accent:#e8ff47}.sport-card-padel{--sport-accent:#3b9eff}.sport-card-tennis{--sport-accent:#22c55e}.sport-card-badminton{--sport-accent:#5ce8f5}.sport-card-squash{--sport-accent:#ff6b35}.sport-card-tabletennis{--sport-accent:#a78bfa}.sports-footnote{max-width:var(--max-w);margin:32px auto 0;text-align:center;font-family:DM Mono,monospace;font-size:10px;letter-spacing:2px;color:#5a6580;text-transform:uppercase}.sports-footnote .accent{color:#e8ff47}@media (max-width:860px){.sports-grid{grid-template-columns:repeat(2,1fr)}.sport-name{font-size:28px}}@media (max-width:480px){.sports-grid{grid-template-columns:1fr}.sport-card{padding:24px 20px 22px}.sport-icon{width:56px;height:56px;margin-bottom:18px}}#themes{background:#0d1017;border-top:1px solid #1e2535;border-bottom:1px solid #1e2535}.themes-header{margin:0 auto 64px;grid-template-columns:1fr 1fr;gap:60px;align-items:end}.themes-header,.themes-strip{max-width:var(--max-w);display:grid}.themes-strip{margin:0 auto;grid-template-columns:repeat(4,1fr);gap:12px}.theme-swatch{border-radius:14px;overflow:hidden;cursor:pointer;transition:transform .3s,box-shadow .3s;position:relative;box-shadow:0 4px 20px rgba(0,0,0,.4)}.theme-swatch:hover{transform:translateY(-10px) scale(1.03);box-shadow:0 24px 60px rgba(0,0,0,.6);z-index:2}.theme-swatch-body{height:160px;position:relative;align-items:flex-start;justify-content:flex-end;padding:14px}.theme-mock,.theme-swatch-body{display:flex;flex-direction:column}.theme-mock{position:absolute;top:14px;left:14px;right:14px;gap:6px}.theme-mock-row{height:9px;border-radius:3px}.theme-mock-row:first-child{width:85%;opacity:.3}.theme-mock-row:nth-child(2){width:68%;opacity:.2}.theme-mock-row:nth-child(3){width:54%;opacity:.15}.theme-accent-bar{height:3px;border-radius:2px;width:24px;margin-bottom:7px}.theme-swatch-logo{font-family:Bebas Neue,sans-serif;font-size:18px;letter-spacing:2px;line-height:1}.theme-swatch-tag{font-size:7px;opacity:.45;margin-top:2px}.theme-swatch-label,.theme-swatch-tag{font-family:DM Mono,monospace;letter-spacing:2px}.theme-swatch-label{padding:9px 12px;font-size:8px;text-align:center;display:flex;align-items:center;justify-content:center;gap:6px}.theme-swatch-label:before{content:"";width:5px;height:5px;border-radius:50%;flex-shrink:0}.theme-midnight .theme-swatch-body{background:linear-gradient(145deg,#07090d,#0e1420);color:#eef2f7}.theme-midnight .theme-accent-bar,.theme-midnight .theme-mock-row{background:#e8ff47}.theme-midnight .theme-swatch-label{background:#0b0e14;color:#4a5568;border-top:1px solid rgba(232,255,71,.08)}.theme-midnight .theme-swatch-label:before{background:#e8ff47}.theme-obsidian .theme-swatch-body{background:linear-gradient(145deg,#0a0a12,#16122a);color:#e8e8ff}.theme-obsidian .theme-accent-bar,.theme-obsidian .theme-mock-row{background:#a78bfa}.theme-obsidian .theme-swatch-label{background:#0d0d1a;color:#5a5a9a;border-top:1px solid rgba(167,139,250,.08)}.theme-obsidian .theme-swatch-label:before{background:#a78bfa}.theme-cobalt .theme-swatch-body{background:linear-gradient(145deg,#060d1c,#0b1830);color:#dceeff}.theme-cobalt .theme-accent-bar,.theme-cobalt .theme-mock-row{background:#3b9eff}.theme-cobalt .theme-swatch-label{background:#07101f;color:#3a5878;border-top:1px solid rgba(59,158,255,.08)}.theme-cobalt .theme-swatch-label:before{background:#3b9eff}.theme-void .theme-swatch-body{background:linear-gradient(145deg,#000,#0a0a0a);color:#f0f4ff}.theme-void .theme-accent-bar,.theme-void .theme-mock-row{background:#e2e8f0}.theme-void .theme-swatch-label{background:#000;color:#606880;border-top:1px solid rgba(226,232,240,.08)}.theme-void .theme-swatch-label:before{background:#e2e8f0}.theme-pickled .theme-swatch-body{background:linear-gradient(145deg,#f8fafc,#eaeff5);color:#111827}.theme-pickled .theme-accent-bar,.theme-pickled .theme-mock-row{background:#c41230}.theme-pickled .theme-swatch-label{background:#eff3f8;color:#9ca3af;border-top:1px solid rgba(196,18,48,.1)}.theme-pickled .theme-swatch-label:before{background:#c41230}.theme-slate .theme-swatch-body{background:linear-gradient(145deg,#0e1419,#152028);color:#d0dce8}.theme-slate .theme-accent-bar,.theme-slate .theme-mock-row{background:#67b8e0}.theme-slate .theme-swatch-label{background:#101820;color:#3a5068;border-top:1px solid rgba(103,184,224,.08)}.theme-slate .theme-swatch-label:before{background:#67b8e0}.theme-dawn .theme-swatch-body{background:linear-gradient(145deg,#fdf6ec,#f5ede0);color:#3d2b1a}.theme-dawn .theme-accent-bar,.theme-dawn .theme-mock-row{background:#c47d2e}.theme-club .theme-swatch-body{background:linear-gradient(145deg,#0d1117,#1a2035);color:#eef2f7;border:1px dashed rgba(232,255,71,.35)}.theme-club .theme-accent-bar{background:linear-gradient(90deg,#e8ff47,#47ffe8)}.theme-club .theme-swatch-tag{color:rgba(232,255,71,.7);font-style:italic}.theme-dawn .theme-swatch-label{background:#f0e6d6;color:#9a7a5a;border-top:1px solid rgba(196,125,46,.15)}.theme-dawn .theme-swatch-label:before{background:#c47d2e}#ratings{overflow:hidden}.ratings-layout{max-width:var(--max-w);margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.rating-display{background:#121720;border:1px solid #1e2535;border-radius:20px;overflow:hidden}.rating-display-header{background:#1a2030;padding:20px 24px;border-bottom:1px solid #1e2535;display:flex;align-items:center;justify-content:space-between}.rating-display-title{font-family:Bebas Neue,sans-serif;font-size:18px;letter-spacing:1px}.live-badge{display:flex;align-items:center;gap:6px;font-family:DM Mono,monospace;font-size:9px;letter-spacing:2px;color:#45e87a;padding:4px 10px;border-radius:4px;background:color-mix(in srgb,#45e87a 12%,transparent);border:1px solid color-mix(in srgb,#45e87a 25%,transparent)}.live-dot{width:6px;height:6px;border-radius:50%;background:#45e87a;animation:pulse 1.5s ease-in-out infinite}.rating-list{padding:12px;display:flex;flex-direction:column;gap:6px}.rating-row{display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:10px;border:1px solid #1e2535;background:#1a2030;transition:border-color .2s}.rating-row:hover{border-color:#28304a}.rating-row.top{border-color:color-mix(in srgb,#e8ff47 25%,transparent)}.r-rank{font-family:DM Mono,monospace;font-size:11px;width:20px;text-align:center;color:#5a6580}.r-rank.gold{color:#e8ff47}.r-avatar{width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:DM Mono,monospace;font-size:11px;font-weight:600;color:var(--bg);flex-shrink:0}.r-name{flex:1;font-size:13px;font-weight:500}.r-rating{font-size:15px;font-weight:500;color:#e8ff47}.r-change,.r-rating{font-family:DM Mono,monospace}.r-change{font-size:10px;width:36px;text-align:right}.r-change.up{color:#45e87a}.r-change.down{color:var(--loss)}.r-form{display:flex;gap:2px}.r-form span{width:12px;height:12px;border-radius:2px;font-size:7px;display:flex;align-items:center;justify-content:center;font-weight:700}.r-form .w{background:color-mix(in srgb,#45e87a 20%,transparent);color:#45e87a}.r-form .l{background:color-mix(in srgb,var(--loss) 15%,transparent);color:var(--loss)}.rating-display-footer{padding:12px 24px;border-top:1px solid #1e2535;font-family:DM Mono,monospace;font-size:10px;color:#5a6580;display:flex;align-items:center;justify-content:space-between}.rating-facts{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:36px}.rating-fact{background:#0d1017;border:1px solid #1e2535;border-radius:10px;padding:20px}.rf-num{font-family:Bebas Neue,sans-serif;font-size:36px;color:#e8ff47;letter-spacing:1px;line-height:1;margin-bottom:4px}.rf-label{font-size:13px;color:#8494b0}#cta-section{text-align:center;padding:120px var(--gutter);background:var(--bg);position:relative;overflow:hidden;border-top:1px solid #1e2535}#cta-section:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:800px;height:500px;background:radial-gradient(ellipse,color-mix(in srgb,#e8ff47 6%,transparent),transparent 70%);pointer-events:none}.cta-inner{position:relative;z-index:1;max-width:640px;margin:0 auto}.cta-title{font-family:Bebas Neue,sans-serif;font-size:clamp(48px,8vw,100px);letter-spacing:3px;line-height:1;margin-bottom:24px}.cta-sub{font-size:18px;color:#8494b0;margin-bottom:48px;font-weight:300;max-width:480px;margin-left:auto;margin-right:auto}footer{background:#0d1017;border-top:1px solid #1e2535;padding:60px var(--gutter) 40px}.footer-inner{max-width:var(--max-w);display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:48px;margin:0 auto 48px}.footer-logo{font-family:Bebas Neue,sans-serif;font-size:28px;letter-spacing:3px;margin-bottom:12px;position:relative;display:inline-block}.footer-logo .accent-d{color:#e8ff47}.footer-logo .q-wrap{position:relative;display:inline-block}.footer-logo .dot{width:6px;height:6px;background:#e8ff47;border-radius:50%;position:absolute;top:-3px;left:50%;transform:translateX(-50%)}.footer-tagline{font-family:DM Mono,monospace;font-size:10px;letter-spacing:3px;color:#5a6580;text-transform:uppercase;margin-bottom:16px}.footer-desc{font-size:13px;color:#5a6580;line-height:1.7;max-width:280px}.footer-col-title{font-family:DM Mono,monospace;font-size:10px;letter-spacing:3px;color:#5a6580;text-transform:uppercase;margin-bottom:16px}.footer-links{list-style:none;display:flex;flex-direction:column;gap:10px}.footer-links a{font-size:13px;color:#8494b0;transition:color .2s}.footer-links a:hover{color:#eef2f7}.footer-email{font-family:DM Mono,monospace;font-size:13px;color:#e8ff47;-webkit-user-select:all;-moz-user-select:all;user-select:all}.footer-bottom{max-width:var(--max-w);margin:0 auto;padding-top:28px;border-top:1px solid #1e2535;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}.footer-copy{font-family:DM Mono,monospace;font-size:11px;color:#5a6580;letter-spacing:.5px}.footer-copy .powered{color:#e8ff47}.footer-legal{display:flex;gap:24px}.footer-legal a{font-family:DM Mono,monospace;font-size:10px;color:#5a6580;letter-spacing:.5px;transition:color .2s}.footer-legal a:hover{color:#8494b0}.footer-legal-btn{font-family:DM Mono,monospace;font-size:10px;color:#5a6580;letter-spacing:.5px;background:none;border:none;cursor:pointer;padding:0;transition:color .2s}.footer-legal-btn:hover{color:#8494b0}.legal-overlay{display:flex;position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;background:rgba(0,0,0,.7);align-items:flex-start;justify-content:center;padding:40px 24px;overflow-y:auto}.legal-box{background:#0d1017;border:1px solid #28304a;border-radius:20px;width:100%;max-width:760px;display:flex;flex-direction:column;animation:modalIn .25s ease}@keyframes modalIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.legal-header{padding:24px 28px 16px;border-bottom:1px solid #1e2535;display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-shrink:0}.legal-header-text{display:flex;flex-direction:column;gap:4px}.legal-eyebrow{font-family:DM Mono,monospace;font-size:9px;letter-spacing:3px;color:#e8ff47;text-transform:uppercase}.legal-title{font-family:Bebas Neue,sans-serif;font-size:26px;letter-spacing:2px;color:#eef2f7}.legal-updated{font-family:DM Mono,monospace;font-size:10px;color:#5a6580;margin-top:2px}.legal-close{width:30px;height:30px;border-radius:50%;flex-shrink:0;background:#1a2030;border:1px solid #1e2535;color:#5a6580;font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s,color .2s}.legal-close:hover{background:#28304a;color:#eef2f7}.legal-body{padding:24px 28px;font-size:14px;color:#8494b0;line-height:1.8;overflow-y:auto}.legal-body h3{font-family:DM Sans,sans-serif;font-size:13px;font-weight:600;color:#eef2f7;letter-spacing:.3px;margin:20px 0 8px;text-transform:uppercase}.legal-body h3:first-child{margin-top:0}.legal-body p,.legal-body ul{margin-bottom:12px}.legal-body ul{padding-left:20px;display:flex;flex-direction:column;gap:6px}.legal-body li::marker{color:#e8ff47}.legal-body strong{color:#eef2f7;font-weight:500}.legal-body a{color:#e8ff47;text-decoration:underline;text-underline-offset:3px}.legal-intro{background:color-mix(in srgb,#e8ff47 6%,transparent);border:1px solid color-mix(in srgb,#e8ff47 20%,transparent);border-radius:10px;padding:14px 16px;margin-bottom:20px;font-size:13px;line-height:1.7;color:#adb9cc}.legal-footer{padding:14px 28px;border-top:1px solid #1e2535;display:flex;align-items:center;justify-content:space-between;flex-shrink:0;font-family:DM Mono,monospace;font-size:10px;color:#5a6580}.legal-footer a{color:#e8ff47}.legal-link-btn{background:none;border:none;padding:0;cursor:pointer;color:#e8ff47;text-decoration:underline;text-underline-offset:3px;font-size:inherit;font-family:inherit}@media (max-width:600px){.legal-box{border-radius:20px 20px 0 0}.legal-overlay{padding:0;align-items:flex-end}.legal-body,.legal-footer,.legal-header{padding-left:20px;padding-right:20px}}@keyframes fadeUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.7)}}@keyframes dotGlow{0%,to{box-shadow:0 0 0 0 color-mix(in srgb,#e8ff47 60%,transparent)}50%{box-shadow:0 0 12px 4px color-mix(in srgb,#e8ff47 30%,transparent)}}.tl-layout{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;max-width:var(--max-w);margin:0 auto}.tl-mock{background:#121720;border:1px solid #28304a;border-radius:20px;overflow:hidden;box-shadow:0 32px 80px rgba(0,0,0,.5)}.tl-header{padding:16px 20px;border-bottom:1px solid #1e2535;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px}.tl-team{font-family:Bebas Neue,sans-serif;font-size:17px;letter-spacing:1px}.tl-vs{font-family:DM Mono,monospace;font-size:10px;color:#5a6580;letter-spacing:2px;text-align:center}.tl-pools{padding:12px 20px;display:grid;grid-template-columns:1fr 1fr;gap:8px;border-bottom:1px solid #1e2535}.tl-pool{display:flex;flex-direction:column;gap:5px}.tl-pool.right{justify-content:flex-end}.tl-pill{padding:3px 9px;border-radius:100px;font-size:10px;font-family:DM Mono,monospace;white-space:nowrap}.tl-pill-m{background:color-mix(in srgb,#e8ff47 12%,transparent);border:1px solid color-mix(in srgb,#e8ff47 30%,transparent)}.tl-pill-f{background:color-mix(in srgb,var(--accent2) 12%,transparent);border:1px solid color-mix(in srgb,var(--accent2) 30%,transparent)}.tl-matches{padding:10px 20px;display:flex;flex-direction:column;gap:6px}.tl-match{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:6px;padding:8px 10px;background:#1a2030;border-radius:10px;border:1px solid #1e2535}.tl-pair{font-size:10px;color:#8494b0;font-family:DM Mono,monospace}.tl-pair.right{text-align:right}.tl-score-cell{text-align:center;min-width:90px}.tl-score-label{font-size:8px;color:#5a6580;letter-spacing:.5px;margin-bottom:2px}.tl-score,.tl-score-label{font-family:DM Mono,monospace}.tl-score{font-size:13px}.tl-score.win{color:#45e87a}.tl-result{padding:10px 20px 16px;display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap}.tl-result-label{font-family:DM Mono,monospace;font-size:10px;color:#5a6580;letter-spacing:1px}.tl-result-team{font-family:Bebas Neue,sans-serif;font-size:18px;letter-spacing:1px}.tl-result-badge{font-family:DM Mono,monospace;font-size:12px;color:#45e87a;padding:3px 10px;background:color-mix(in srgb,#45e87a 10%,transparent);border-radius:6px;border:1px solid color-mix(in srgb,#45e87a 25%,transparent);white-space:nowrap}@media (max-width:960px){.tl-layout{grid-template-columns:1fr;gap:48px}}@media (max-width:600px){.tl-mock{max-width:100%}.tl-header{padding:12px 14px}.tl-team{font-size:14px}.tl-pools{padding:10px 14px;display:none}.tl-matches{padding:8px 10px;gap:5px}.tl-match{grid-template-columns:1fr auto 1fr;gap:4px;padding:7px 8px}.tl-score-cell{min-width:70px}.tl-score-label{font-size:7px}.tl-score{font-size:11px}.tl-pair{font-size:9px}.tl-result{padding:8px 12px 14px;gap:5px}.tl-result-team{font-size:15px}.tl-result-badge{font-size:11px}}@media (max-width:380px){.tl-match{grid-template-columns:1fr;gap:2px}.tl-match,.tl-pair.right,.tl-score-cell{text-align:center}.tl-score-cell{min-width:0}}@media (max-width:1024px){.bento-narrow,.bento-wide{grid-column:span 12}.bento-half,.bento-third{grid-column:span 6}.fixtures-layout,.progression-layout,.ratings-layout{grid-template-columns:1fr;gap:48px}.fixtures-copy{order:1}.fixtures-visual{order:2}.themes-header{grid-template-columns:1fr}.league-types-grid,.themes-strip{grid-template-columns:repeat(2,1fr)}.footer-inner{grid-template-columns:1fr 1fr}}@media (max-width:768px){.bento-half,.bento-third{grid-column:span 12}.league-types-grid{grid-template-columns:1fr}.fixture-features{grid-template-columns:1fr 1fr}.themes-strip{grid-template-columns:repeat(2,1fr)}.rating-facts{grid-template-columns:1fr 1fr}.r-form{display:none}.hero-ctas .btn-primary,.hero-ctas .btn-secondary{width:100%;justify-content:center}.footer-inner{grid-template-columns:1fr 1fr;gap:32px}}@media (max-width:480px){.hero-ctas{flex-direction:column;align-items:center}.hero-ctas .btn-primary{max-width:320px}.themes-strip{grid-template-columns:repeat(2,1fr)}.fixture-features,.footer-inner{grid-template-columns:1fr}.footer-inner{gap:24px}.footer-bottom{flex-direction:column;align-items:flex-start;gap:16px}.footer-legal{flex-wrap:wrap;gap:16px}}