@import "https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700;800;900&display=swap";
:root{--primary:#06b6d4;--primary-glow:#06b6d426;--primary-glow-strong:#06b6d44d;--background:#000;--foreground:#fff;--max-width:1200px;--surface:#0a0a0a;--border:#1e293b;--muted:#94a3b8;--ease-out-expo:cubic-bezier(.16, 1, .3, 1);--ease-out-quart:cubic-bezier(.25, 1, .5, 1)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:100px}body{background:var(--background);color:var(--foreground);-webkit-font-smoothing:antialiased;font-family:Outfit,sans-serif;line-height:1.5;overflow-x:hidden}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}html{scroll-behavior:auto}}.container{max-width:var(--max-width);width:100%;margin:0 auto;padding-left:24px;padding-right:24px}@keyframes fadeInPage{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}main{animation:fadeInPage .6s var(--ease-out-expo) both}.navbar{flex-direction:row!important;justify-content:space-between!important;align-items:center!important;width:100%!important;display:flex!important}.nav-links{flex-direction:row!important;align-items:center!important;gap:32px!important;display:flex!important}.nav-link{text-transform:uppercase!important;letter-spacing:.1em!important;color:#94a3b8!important;transition:color .3s var(--ease-out-expo), text-shadow .3s ease!important;font-size:11px!important;font-weight:800!important;text-decoration:none!important;position:relative!important}.nav-link:after{content:"";background:var(--primary);width:0;height:1px;transition:width .4s var(--ease-out-expo);position:absolute;bottom:-4px;left:0}.nav-link:hover{text-shadow:0 0 20px var(--primary-glow);color:var(--primary)!important}.nav-link:hover:after{width:100%}.nav-link.active-link{color:var(--primary)!important}.nav-link.active-link:after{width:100%}.hero-grid{grid-template-columns:1fr 1fr!important;align-items:center!important;gap:48px!important;display:grid!important}.how-it-works-grid{grid-template-columns:repeat(4,1fr)!important;gap:32px!important;display:grid!important}@media (max-width:1024px){.hero-grid,.how-it-works-grid{grid-template-columns:1fr!important;gap:24px!important}}.section-padding{padding-top:120px!important;padding-bottom:120px!important}@media (max-width:768px){.section-padding{padding-top:80px!important;padding-bottom:80px!important}}@media (max-width:480px){.section-padding{padding-top:56px!important;padding-bottom:56px!important}}h1{text-transform:uppercase;font-size:clamp(48px,8vw,80px);font-weight:900;line-height:.9}h2{text-transform:uppercase;margin-bottom:24px;font-size:clamp(36px,6vw,64px);font-weight:900;line-height:1}h3{text-transform:uppercase;margin-bottom:16px;font-size:clamp(18px,3vw,24px);font-weight:900}p{color:#94a3b8;font-size:clamp(15px,2vw,18px);font-weight:700}.btn-primary{min-height:48px;position:relative;background-color:var(--primary)!important;color:#000!important;text-transform:uppercase!important;letter-spacing:.1em!important;cursor:pointer!important;transition:transform .35s var(--ease-out-expo), box-shadow .35s var(--ease-out-expo), background-color .3s ease!important;border:none!important;border-radius:12px!important;padding:16px 32px!important;font-size:11px!important;font-weight:900!important;text-decoration:none!important;display:inline-block!important}.btn-primary:hover{box-shadow:0 8px 30px var(--primary-glow-strong), 0 0 60px var(--primary-glow)!important;transform:translateY(-2px)!important}.btn-primary:active{transform:translateY(0)!important}.btn-secondary{min-height:48px;color:#fff!important;text-transform:uppercase!important;letter-spacing:.1em!important;cursor:pointer!important;transition:transform .35s var(--ease-out-expo), border-color .35s ease, box-shadow .35s ease, background-color .35s ease!important;background-color:#0000!important;border:1px solid #1e293b!important;border-radius:12px!important;padding:16px 32px!important;font-size:11px!important;font-weight:900!important;text-decoration:none!important;display:inline-block!important}.btn-secondary:hover{border-color:var(--primary)!important;box-shadow:0 4px 20px var(--primary-glow)!important;background-color:#06b6d40d!important;transform:translateY(-2px)!important}.btn-secondary:active{transform:translateY(0)!important}@media (max-width:480px){.btn-stack{width:100%;flex-direction:column!important}.btn-stack .btn-primary,.btn-stack .btn-secondary{text-align:center!important;width:100%!important}}@keyframes gridDrift{0%{transform:translate(0)}to{transform:translate(80px,80px)}}.grid-texture{z-index:-10;pointer-events:none;background-image:linear-gradient(#ffffff05 1px,#0000 1px),linear-gradient(90deg,#ffffff05 1px,#0000 1px);background-size:80px 80px;animation:30s linear infinite gridDrift;position:fixed;inset:0}.step-card{transition:transform .5s var(--ease-out-expo), border-color .4s ease, box-shadow .4s ease;background:#0a0a0a;border:1px solid #1e293b;border-radius:32px;padding:40px;position:relative;overflow:hidden}.step-card:before{content:"";background:radial-gradient(600px circle at var(--mouse-x,50%) var(--mouse-y,50%), var(--primary-glow), transparent 40%);opacity:0;pointer-events:none;z-index:0;transition:opacity .5s;position:absolute;inset:0}.step-card:hover{border-color:#06b6d44d;transform:translateY(-4px);box-shadow:0 12px 40px #06b6d414,0 0 0 1px #06b6d41a}.step-card:hover:before{opacity:1}.step-card>*{z-index:1;position:relative}.step-number{color:var(--primary);opacity:.2;transition:opacity .4s ease, transform .6s var(--ease-out-expo);margin-bottom:24px;font-size:32px;font-weight:900}.step-card:hover .step-number{opacity:.6;transform:scale(1.1)}@media (max-width:768px){.step-card{padding:32px}}.reveal{opacity:0;transition:opacity .8s var(--ease-out-expo), transform .8s var(--ease-out-expo);transform:translateY(40px)}.reveal.active{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}.reveal-delay-6{transition-delay:.6s}.reveal-left{opacity:0;transition:opacity .8s var(--ease-out-expo), transform .8s var(--ease-out-expo);transform:translate(-60px)}.reveal-left.active{opacity:1;transform:translate(0)}.reveal-right{opacity:0;transition:opacity .8s var(--ease-out-expo), transform .8s var(--ease-out-expo);transform:translate(60px)}.reveal-right.active{opacity:1;transform:translate(0)}.reveal-scale{opacity:0;transition:opacity .7s var(--ease-out-expo), transform .7s var(--ease-out-expo);transform:scale(.92)}.reveal-scale.active{opacity:1;transform:scale(1)}@keyframes floatY{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.hero-mockup{animation:6s ease-in-out infinite floatY;transition:transform .6s var(--ease-out-expo), box-shadow .5s ease!important}.hero-mockup:nth-child(2){animation-delay:-3s}.hero-mockup:hover{animation-play-state:paused;box-shadow:0 30px 60px #000000b3, 0 0 40px var(--primary-glow)!important}.sport-card{transition:transform .5s var(--ease-out-expo), border-color .4s ease, box-shadow .4s ease, background-color .4s ease;cursor:default;position:relative;overflow:hidden}.sport-card:after{content:"";background:var(--primary);height:3px;transition:transform .5s var(--ease-out-expo);transform-origin:0;position:absolute;bottom:0;left:0;right:0;transform:scaleX(0)}.sport-card:hover{transform:translateY(-6px);box-shadow:0 16px 40px #06b6d41a;border-color:var(--primary)!important;background-color:#06b6d408!important}.sport-card:hover:after{transform:scaleX(1)}.feature-block{transition:transform .5s var(--ease-out-expo), border-color .4s ease, box-shadow .5s ease}.feature-block:hover{transform:translateY(-4px);box-shadow:0 16px 48px #0006,inset 0 1px #06b6d41a;border-color:#06b6d433!important}.section-glow{position:relative}.section-glow:before{content:"";background:linear-gradient(90deg, transparent, var(--primary), transparent);opacity:.4;width:200px;height:1px;transition:transform .8s var(--ease-out-expo);position:absolute;top:-1px;left:50%;transform:translate(-50%)scaleX(0)}.section-glow.active:before{transform:translate(-50%)scaleX(1)}@keyframes shimmer{0%{background-position:-200%}to{background-position:200%}}.cta-heading{background:linear-gradient(90deg,#fff 0% 35%,#06b6d4cc 50%,#fff 65% 100%) 0 0/200%;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;animation:4s linear infinite shimmer}.ambient-glow{filter:blur(120px);pointer-events:none;z-index:-1;border-radius:50%;transition:transform .1s linear;position:absolute}@keyframes subtle-pulse{0%,to{opacity:.6}50%{opacity:1}}.pulse-dot{animation:2s ease-in-out infinite subtle-pulse}@keyframes borderPulse{0%,to{border-color:#1e293b}50%{border-color:#06b6d440}}.border-pulse{animation:3s ease-in-out infinite borderPulse}@keyframes growHeight{0%{height:0}to{height:80px}}.animated-divider{background-color:#1e293b;width:1px;height:0;margin:0 auto}.animated-divider.active{animation:growHeight .8s var(--ease-out-expo) forwards}.reading-progress{background:var(--primary);z-index:9999;height:2px;box-shadow:0 0 8px var(--primary-glow);transition:width .1s linear;position:fixed;top:0;left:0}input,textarea,select{transition:border-color .3s,box-shadow .3s!important}input:focus,textarea:focus,select:focus{border-color:var(--primary)!important;box-shadow:0 0 0 3px var(--primary-glow), 0 0 20px #06b6d40d!important;outline:none!important}a:focus-visible,button:focus-visible{outline:2px solid var(--primary);outline-offset:4px;border-radius:4px}.footer-link{position:relative;transition:color .3s!important}.footer-link:after{content:"";background:var(--primary);width:0;height:1px;transition:width .4s var(--ease-out-expo);position:absolute;bottom:-2px;left:0}.footer-link:hover{color:var(--primary)!important}.footer-link:hover:after{width:100%}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#000}::-webkit-scrollbar-thumb{background:#1e293b;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--primary)}::selection{color:#fff;background:#06b6d44d}@keyframes scaleIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.success-animate{animation:scaleIn .5s var(--ease-out-expo) both}@keyframes spin{to{transform:rotate(360deg)}}.btn-spinner{vertical-align:middle;border:2px solid #0003;border-top-color:#000;border-radius:50%;width:14px;height:14px;margin-right:8px;animation:.6s linear infinite spin;display:inline-block}.back-link{align-items:center;gap:8px;display:inline-flex}.back-link .arrow{transition:transform .3s var(--ease-out-expo)}.back-link:hover .arrow{transform:translate(-4px)}.logo-link{transition:transform .3s var(--ease-out-expo)!important}.logo-link:hover{transform:scale(1.04)}.logo-icon{transition:filter .3s}.logo-link:hover .logo-icon{filter:drop-shadow(0 0 8px var(--primary-glow))}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.mobile-menu{animation:slideDown .4s var(--ease-out-expo) both}.mobile-menu-link{opacity:0;animation:slideDown .4s var(--ease-out-expo) both}.category-pill{cursor:pointer;transition:all .3s!important}.category-pill:hover{transform:scale(1.05);color:var(--primary)!important;background-color:#06b6d414!important;border-color:#06b6d44d!important}@media (max-width:768px){.hero-mockup-cluster{transform-origin:50%;transform:scale(.65)!important}.feature-block-inner{padding:32px!important}}@media (max-width:480px){.hero-mockup-cluster{display:none!important}.cta-heading{font-size:clamp(48px,12vw,120px)!important}}