:root{--primary:#7b61ff;--primary-glow:#7b61ff80;--secondary:#00d4ff;--secondary-glow:#00d4ff66;--accent:#00ffa3;--accent-glow:#00ffa366;--danger:#ff4d6a;--danger-glow:#ff4d6a59;--warning:#ffb800;--warning-glow:#ffb80059;--bg-deep:#0a0a0f;--bg-surface:#12121e99;--bg-glass:#14142373;--bg-glass-hover:#1e1e328c;--bg-input:#19192d99;--text:#f0f0ff;--text-muted:#8b8ba3;--text-dim:#5a5a72;--border-glass:#7b61ff26;--border-glow:#7b61ff59;--border-subtle:#ffffff0f;--blur:blur(20px);--blur-heavy:blur(40px);--radius:16px;--radius-sm:10px;--radius-xs:6px;--radius-pill:999px;--ease:cubic-bezier(.4, 0, .2, 1);--transition:.25s var(--ease);--transition-fast:.15s var(--ease);--gradient-primary:linear-gradient(135deg, #7b61ff 0%, #00d4ff 100%);--gradient-accent:linear-gradient(135deg, #00d4ff 0%, #00ffa3 100%);--gradient-hero:linear-gradient(135deg, #7b61ff1f 0%, #00d4ff14 50%, #00ffa30d 100%);--glow-primary:0 0 20px #7b61ff4d, 0 0 60px #7b61ff1a;--glow-secondary:0 0 20px #00d4ff4d, 0 0 60px #00d4ff1a;--glow-accent:0 0 20px #00ffa34d, 0 0 60px #00ffa31a;--glow-btn:0 4px 24px #7b61ff66, 0 0 60px #7b61ff26;--glow-btn-hover:0 6px 32px #7b61ff8c, 0 0 80px #7b61ff33}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth;font-size:16px}body{background:var(--bg-deep);color:var(--text);min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;overflow-x:hidden}a{color:var(--secondary);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--primary)}img{max-width:100%;display:block}.container{width:100%;max-width:1120px;margin:0 auto;padding:0 24px}.glass{background:var(--bg-glass);-webkit-backdrop-filter:var(--blur);border:1px solid var(--border-glass);border-radius:var(--radius);transition:all var(--transition)}.glass:hover{background:var(--bg-glass-hover);border-color:var(--border-glow);box-shadow:var(--glow-primary)}.glass-static{background:var(--bg-glass);-webkit-backdrop-filter:var(--blur);border:1px solid var(--border-glass);border-radius:var(--radius)}.btn{border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition);letter-spacing:.01em;border:none;justify-content:center;align-items:center;gap:8px;padding:14px 32px;font-size:1rem;font-weight:600;text-decoration:none;display:inline-flex;position:relative}.btn-glow{background:var(--gradient-primary);color:#fff;box-shadow:var(--glow-btn)}.btn-glow:hover{box-shadow:var(--glow-btn-hover);transform:translateY(-2px)scale(1.02)}.btn-glass{background:var(--bg-glass);-webkit-backdrop-filter:var(--blur);color:var(--text);border:1px solid var(--border-glass)}.btn-glass:hover{border-color:var(--secondary);box-shadow:var(--glow-secondary);color:var(--secondary);transform:translateY(-2px)scale(1.02)}.btn-outline-glow{color:var(--accent);background:0 0;border:1px solid #00ffa34d}.btn-outline-glow:hover{border-color:var(--accent);box-shadow:var(--glow-accent);background:#00ffa30f;transform:translateY(-2px)scale(1.02)}.btn:disabled{opacity:.4;cursor:not-allowed;box-shadow:none!important;transform:none!important}.form-group{flex-direction:column;gap:8px;display:flex}.form-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;font-size:.8125rem;font-weight:600}.form-select{appearance:none;background:var(--bg-input);-webkit-backdrop-filter:var(--blur);color:var(--text);border:1px solid var(--border-glass);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' fill='none'%3E%3Cpath d='M1 1.5l5 5 5-5' stroke='%238B8BA3' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right 16px center;background-repeat:no-repeat;padding:14px 40px 14px 16px;font-size:1rem}.form-select:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #7b61ff26,0 0 20px #7b61ff1a}.form-select:hover{border-color:#7b61ff4d}.spinner{border:3px solid #ffffff26;border-top-color:#fff;border-radius:50%;width:20px;height:20px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.fade-in{animation:fadeIn .6s var(--ease) forwards}@keyframes fadeIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.fade-in-delay-1{opacity:0;animation-delay:.1s}.fade-in-delay-2{opacity:0;animation-delay:.2s}.fade-in-delay-3{opacity:0;animation-delay:.3s}.fade-in-delay-4{opacity:0;animation-delay:.4s}.fade-in-delay-5{opacity:0;animation-delay:.5s}.fade-in-delay-6{opacity:0;animation-delay:.6s}.bg-orbs{pointer-events:none;z-index:0;width:100%;height:100%;position:fixed;top:0;left:0;overflow:hidden}.bg-orb{filter:blur(80px);opacity:.4;border-radius:50%;animation:20s ease-in-out infinite orbFloat;position:absolute}.bg-orb-1{background:radial-gradient(circle,#7b61ff40 0%,#0000 70%);width:500px;height:500px;animation-duration:22s;top:-10%;left:-5%}.bg-orb-2{background:radial-gradient(circle,#00d4ff33 0%,#0000 70%);width:400px;height:400px;animation-duration:18s;animation-delay:-5s;top:40%;right:-8%}.bg-orb-3{background:radial-gradient(circle,#00ffa326 0%,#0000 70%);width:350px;height:350px;animation-duration:25s;animation-delay:-10s;bottom:-5%;left:30%}@keyframes orbFloat{0%,to{transform:translate(0)scale(1)}25%{transform:translate(30px,-40px)scale(1.05)}50%{transform:translate(-20px,20px)scale(.95)}75%{transform:translate(15px,30px)scale(1.02)}}.bg-grid{pointer-events:none;z-index:0;background-image:linear-gradient(#7b61ff08 1px,#0000 1px),linear-gradient(90deg,#7b61ff08 1px,#0000 1px);background-size:60px 60px;width:100%;height:100%;position:fixed;top:0;left:0;-webkit-mask-image:radial-gradient(70% 60% at 50% 40%,#000 30%,#0000 100%);mask-image:radial-gradient(70% 60% at 50% 40%,#000 30%,#0000 100%)}.neon-text{text-shadow:0 0 10px #7b61ff80,0 0 40px #7b61ff33,0 0 80px #7b61ff1a}.neon-text-cyan{text-shadow:0 0 10px #00d4ff80,0 0 40px #00d4ff33}.neon-text-green{text-shadow:0 0 10px #00ffa380,0 0 40px #00ffa333}.gradient-text{background:var(--gradient-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.sport-card{border-radius:var(--radius);-webkit-backdrop-filter:blur(12px);cursor:pointer;transition:all .3s var(--ease);background:linear-gradient(160deg,#141423b3 0%,#0a0a14e6 100%);border:1px solid #ffffff0f;outline:none;flex-direction:column;justify-content:center;align-items:center;gap:10px;min-height:100px;padding:20px 12px;display:flex;position:relative;overflow:hidden}.sport-card:before{content:"";border-radius:var(--radius);opacity:0;transition:opacity .3s var(--ease);pointer-events:none;z-index:0;position:absolute;inset:0}.sport-card:hover{border-color:#7b61ff40;transform:translateY(-2px)}.sport-card:hover:before{opacity:.5}.sport-card.selected{border-color:var(--primary);transform:translateY(-3px)scale(1.03);box-shadow:0 0 20px #7b61ff4d,0 0 50px #7b61ff1a,inset 0 0 20px #7b61ff0d}.sport-card.selected:before{opacity:1}.sport-card__icon{z-index:1;width:36px;height:36px;transition:all .3s var(--ease);justify-content:center;align-items:center;display:flex;position:relative}.sport-card.selected .sport-card__icon{filter:drop-shadow(0 0 8px var(--primary-glow))}.sport-card__label{z-index:1;color:var(--text-muted);text-align:center;letter-spacing:.02em;transition:color .3s var(--ease);font-size:.8125rem;font-weight:600;line-height:1.2;position:relative}.sport-card.selected .sport-card__label,.sport-card:hover .sport-card__label{color:var(--text)}.feature-module{border-radius:var(--radius);background:var(--bg-glass);-webkit-backdrop-filter:var(--blur);border:1px solid var(--border-glass);transition:all .35s var(--ease);padding:36px 28px 32px;position:relative;overflow:hidden}.feature-module:before{content:"";height:2px;transition:all .35s var(--ease);border-radius:0 0 4px 4px;position:absolute;top:0;left:20%;right:20%}.feature-module:hover{background:var(--bg-glass-hover);transform:translateY(-4px)scale(1.01)}.feature-module:hover:before{left:10%;right:10%}.feature-module--purple:before{background:var(--primary);box-shadow:0 0 16px var(--primary-glow)}.feature-module--purple:hover{border-color:#7b61ff4d;box-shadow:0 0 24px #7b61ff26,0 0 60px #7b61ff0f}.feature-module--blue:before{background:var(--secondary);box-shadow:0 0 16px var(--secondary-glow)}.feature-module--blue:hover{border-color:#00d4ff4d;box-shadow:0 0 24px #00d4ff26,0 0 60px #00d4ff0f}.feature-module--green:before{background:var(--accent);box-shadow:0 0 16px var(--accent-glow)}.feature-module--green:hover{border-color:#00ffa34d;box-shadow:0 0 24px #00ffa326,0 0 60px #00ffa30f}.feature-module--cyan:before{background:#00e5ff;box-shadow:0 0 16px #00e5ff66}.feature-module--cyan:hover{border-color:#00e5ff4d;box-shadow:0 0 24px #00e5ff26,0 0 60px #00e5ff0f}.feature-module--hero{grid-column:1/-1;grid-template-columns:auto 1fr;align-items:center;gap:28px;padding:44px 36px;display:grid}.feature-module--hero:before{height:3px;left:5%;right:5%}.feature-module--hero:hover:before{left:2%;right:2%}.feature-module__icon-wrap{width:56px;height:56px;transition:all .35s var(--ease);border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.feature-module:hover .feature-module__icon-wrap{transform:scale(1.08)}.feature-module__tag{text-transform:uppercase;letter-spacing:.12em;border-radius:999px;margin-bottom:8px;padding:3px 10px;font-size:.625rem;font-weight:700;display:inline-block}.feature-module__title{letter-spacing:.01em;margin-bottom:8px;font-size:1.0625rem;font-weight:700}.feature-module__desc{color:var(--text-muted);font-size:.9rem;line-height:1.65}.pos-btn{border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;transition:all .25s var(--ease);letter-spacing:.04em;background:linear-gradient(160deg,#19192dcc 0%,#0f0f1ef2 100%);border:1px solid #ffffff14;outline:none;padding:12px 20px;font-size:.9375rem;font-weight:700;position:relative;overflow:hidden}.pos-btn:after{content:"";background:var(--secondary);opacity:0;height:2px;transition:all .25s var(--ease);border-radius:2px 2px 0 0;position:absolute;bottom:0;left:30%;right:30%}.pos-btn:hover{color:var(--text);border-color:#00d4ff33;transform:translateY(-1px)}.pos-btn:hover:after{opacity:.5;left:20%;right:20%}.pos-btn.selected{border-color:var(--secondary);color:var(--secondary);background:linear-gradient(160deg,#00d4ff1a 0%,#00d4ff08 100%);transform:translateY(-2px)scale(1.04);box-shadow:0 0 16px #00d4ff33,0 0 40px #00d4ff0f,inset 0 0 16px #00d4ff0a}.pos-btn.selected:after{opacity:1;left:10%;right:10%;box-shadow:0 0 8px #00d4ff80}.score-ring-wrap{width:200px;height:200px;margin:0 auto;position:relative}.score-ring-svg{width:200px;height:200px;transform:rotate(-90deg)}.score-ring-bg{fill:none;stroke:#ffffff0f;stroke-width:8px}.score-ring-fill{fill:none;stroke-width:8px;stroke-linecap:round;transition:stroke-dashoffset 1.2s var(--ease), stroke .5s var(--ease);filter:drop-shadow(0 0 8px var(--ring-glow,#7b61ff80))}.score-ring-value{text-align:center;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.score-ring-number{letter-spacing:-.02em;font-size:3.5rem;font-weight:800;line-height:1}.score-ring-label{text-transform:uppercase;letter-spacing:.12em;color:var(--text-muted);margin-top:4px;font-size:.75rem;font-weight:600}@keyframes scorePulse{0%,to{filter:drop-shadow(0 0 8px var(--ring-glow,#7b61ff80))}50%{filter:drop-shadow(0 0 18px var(--ring-glow,#7b61ffb3))}}.score-ring-fill.animated{animation:2.5s ease-in-out infinite scorePulse}.score-ring-outer-glow{pointer-events:none;border-radius:50%;width:220px;height:220px;animation:3s ease-in-out infinite outerGlow;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes outerGlow{0%,to{box-shadow:0 0 30px var(--ring-glow,#7b61ff33), 0 0 60px var(--ring-glow,#7b61ff14)}50%{box-shadow:0 0 50px var(--ring-glow,#7b61ff59), 0 0 100px var(--ring-glow,#7b61ff1f)}}@media (width<=768px){.container{padding:0 16px}.btn{padding:12px 24px;font-size:.9375rem}.score-ring-wrap,.score-ring-svg{width:160px;height:160px}.score-ring-number{font-size:2.75rem}.bg-orb-1{width:300px;height:300px}.bg-orb-2{width:250px;height:250px}.bg-orb-3{width:200px;height:200px}.feature-module--hero{text-align:center;grid-template-columns:1fr}.feature-module--hero .feature-module__icon-wrap{margin:0 auto}.snap-container{scroll-snap-type:y mandatory;-webkit-overflow-scrolling:touch;height:100dvh;overflow-y:auto}.snap-section{scroll-snap-align:start;scroll-snap-stop:always;flex-direction:column;justify-content:center;min-height:100dvh;padding:24px 0;display:flex;position:relative;overflow:hidden}.snap-section--tall{scroll-snap-align:start;scroll-snap-stop:normal;justify-content:flex-start;min-height:auto;padding-top:48px;padding-bottom:48px}}@media (width>=769px){.snap-section{position:relative}}[data-reveal]{opacity:0;will-change:transform, opacity;transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1)}[data-reveal-delay="1"]{transition-delay:80ms}[data-reveal-delay="2"]{transition-delay:.16s}[data-reveal-delay="3"]{transition-delay:.24s}[data-reveal-delay="4"]{transition-delay:.32s}[data-reveal-delay="5"]{transition-delay:.4s}[data-reveal-delay="6"]{transition-delay:.48s}[data-reveal-delay="7"]{transition-delay:.56s}[data-reveal-delay="8"]{transition-delay:.64s}[data-reveal=up]{transform:translateY(40px)}[data-reveal=up].revealed{opacity:1;transform:translateY(0)}[data-reveal=down]{transform:translateY(-40px)}[data-reveal=down].revealed{opacity:1;transform:translateY(0)}[data-reveal=left]{transform:translate(-50px)}[data-reveal=left].revealed{opacity:1;transform:translate(0)}[data-reveal=right]{transform:translate(50px)}[data-reveal=right].revealed{opacity:1;transform:translate(0)}[data-reveal=scale]{transform:scale(.85)}[data-reveal=scale].revealed{opacity:1;transform:scale(1)}[data-reveal=fade]{transform:none}[data-reveal=fade].revealed{opacity:1}[data-reveal=zoom-rotate]{transform:scale(.8)rotate(-3deg)}[data-reveal=zoom-rotate].revealed{opacity:1;transform:scale(1)rotate(0)}[data-reveal=blur]{filter:blur(8px);transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1),filter .7s cubic-bezier(.16,1,.3,1);transform:translateY(20px)}[data-reveal=blur].revealed{opacity:1;filter:blur();transform:translateY(0)}.parallax-slow{transform:translateY(calc(var(--scroll-y,0) * -.03px));will-change:transform}.parallax-medium{transform:translateY(calc(var(--scroll-y,0) * -.06px));will-change:transform}.parallax-fast{transform:translateY(calc(var(--scroll-y,0) * -.1px));will-change:transform}.float-pulse{animation:4s ease-in-out infinite floatPulse}@keyframes floatPulse{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.breathe-glow{animation:3s ease-in-out infinite breatheGlow}@keyframes breatheGlow{0%,to{filter:drop-shadow(0 0 8px #7b61ff4d)}50%{filter:drop-shadow(0 0 20px #7b61ff99)}}.shimmer-sweep{position:relative;overflow:hidden}.shimmer-sweep:after{content:"";pointer-events:none;background:linear-gradient(90deg,#0000 0%,#7b61ff0f 25%,#00d4ff14 50%,#7b61ff0f 75%,#0000 100%);width:200%;animation:6s ease-in-out infinite shimmerSweep;position:absolute;inset:0 0 0 -100%}@keyframes shimmerSweep{0%{transform:translate(-50%)}to{transform:translate(50%)}}.tap-scale{cursor:pointer;transition:transform .2s cubic-bezier(.4,0,.2,1)}.tap-scale:hover{transform:scale(1.03)}.tap-scale:active{transform:scale(.97)}.glow-ring-pulse{position:relative}.glow-ring-pulse:before{content:"";border-radius:inherit;pointer-events:none;border:2px solid #00d4ff4d;animation:2.5s ease-in-out infinite glowRingPulse;position:absolute;inset:-4px}@keyframes glowRingPulse{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.7;transform:scale(1.02)}}.stagger-children>*{opacity:0;transition:opacity .5s cubic-bezier(.16,1,.3,1),transform .5s cubic-bezier(.16,1,.3,1);transform:translateY(20px)}.stagger-children.revealed>:first-child{transition-delay:50ms}.stagger-children.revealed>:nth-child(2){transition-delay:.1s}.stagger-children.revealed>:nth-child(3){transition-delay:.15s}.stagger-children.revealed>:nth-child(4){transition-delay:.2s}.stagger-children.revealed>:nth-child(5){transition-delay:.25s}.stagger-children.revealed>:nth-child(6){transition-delay:.3s}.stagger-children.revealed>:nth-child(n+7){transition-delay:.35s}.stagger-children.revealed>*{opacity:1;transform:translateY(0)}@media (width<=768px){.scroll-progress{background:var(--gradient-primary);z-index:9999;transform-origin:0;height:2px;transition:transform .15s linear;position:fixed;top:0;left:0;box-shadow:0 0 8px #7b61ff80}}.section-divider{background:linear-gradient(90deg,#0000 0%,#7b61ff4d 20%,#00d4ff66 50%,#7b61ff4d 80%,#0000 100%);width:100%;height:1px;position:relative}.section-divider:after{content:"";filter:blur(4px);background:linear-gradient(90deg,#0000 0%,#7b61ff14 20%,#00d4ff1f 50%,#7b61ff14 80%,#0000 100%);height:9px;position:absolute;top:-4px;left:0;right:0}@media (width<=768px){.swipe-hint{opacity:.5;z-index:10;flex-direction:column;align-items:center;gap:4px;animation:2s ease-in-out infinite swipeHintBounce;display:flex;position:absolute;bottom:24px;left:50%;transform:translate(-50%)}.swipe-hint-text{text-transform:uppercase;letter-spacing:.15em;color:var(--text-dim);font-size:.625rem;font-weight:600}.swipe-hint-arrow{border-right:2px solid var(--text-dim);border-bottom:2px solid var(--text-dim);width:20px;height:20px;transform:rotate(45deg)}@keyframes swipeHintBounce{0%,to{opacity:.5;transform:translate(-50%)translateY(0)}50%{opacity:.8;transform:translate(-50%)translateY(8px)}}}@media (width>=769px){.swipe-hint{display:none}}