@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}body{background:var(--background);color:var(--foreground);-webkit-font-smoothing:antialiased;font-family:Outfit,sans-serif;line-height:1.5;overflow-x:hidden}.container{max-width:var(--max-width);width:100%;margin:0 auto;padding-left:24px;padding-right:24px}.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%}.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}h1{text-transform:uppercase;font-size:80px;font-weight:900;line-height:.9}h2{text-transform:uppercase;margin-bottom:24px;font-size:64px;font-weight:900;line-height:1}h3{text-transform:uppercase;margin-bottom:16px;font-size:24px;font-weight:900}p{color:#94a3b8;font-size:18px;font-weight:700}.btn-primary{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{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}.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;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;margin-bottom:24px;font-size:32px;font-weight:900;transition:opacity .4s}.step-card:hover .step-number{opacity:.6}.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-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)}.hero-mockup{transition:transform .6s var(--ease-out-expo), box-shadow .5s ease!important}.hero-mockup:hover{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;position:absolute;top:-1px;left:50%;transform:translate(-50%)}.cta-heading{background:linear-gradient(#fff 40%,#06b6d499 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.ambient-glow{filter:blur(120px);pointer-events:none;z-index:-1;border-radius:50%;position:absolute}@keyframes subtle-pulse{0%,to{opacity:.6}50%{opacity:1}}.pulse-dot{animation:2s ease-in-out infinite subtle-pulse}a:focus-visible,button:focus-visible{outline:2px solid var(--primary);outline-offset:4px;border-radius:4px}::-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}