@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600;700&family=VT323&display=swap";@tailwind base;@tailwind components;@tailwind utilities;body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-family:Space Grotesk,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}@font-face{font-family:Born2bSportyFS;src:url(/Born2bSportyFS.otf)format("opentype");font-weight:400;font-style:normal}*{box-sizing:border-box;margin:0;padding:0}body{cursor:none;font-family:Space Grotesk,sans-serif;overflow-x:hidden}*{cursor:none!important}.glass{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff0d;border:1px solid #ffffff1a;box-shadow:0 8px 32px #00000080}.glass-dark{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0006;border:1px solid #ffffff0d;box-shadow:0 8px 32px #000c}.pixel-font{font-family:VT323,monospace}.sporty-font{font-family:Born2bSportyFS,VT323,monospace}.floating{animation:6s ease-in-out infinite float}@keyframes float{0%,to{transform:translateY(0)rotate(0)}33%{transform:translateY(-10px)rotate(1deg)}66%{transform:translateY(-20px)rotate(-1deg)}}.glow{box-shadow:0 0 20px #fff3}.text-glow{color:#fff;text-shadow:0 0 20px #ffffff4d}@keyframes rgbGlow{0%,to{background-position:0%}50%{background-position:100%}}.gradient-text{background:linear-gradient(135deg,#fff 0%,#ccc 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.scroll-smooth{scroll-behavior:smooth}@keyframes slide{0%{transform:translate(-100%)}to{transform:translate(0%)}}.animate-slide{width:max-content;animation:40s linear infinite slide}.particles{pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.particle{background:#ffffff1a;border-radius:50%;animation:15s linear infinite particle-float;position:absolute}@keyframes particle-float{0%{opacity:0;transform:translateY(100vh)rotate(0)}10%{opacity:1}90%{opacity:1}to{opacity:0;transform:translateY(-100px)rotate(360deg)}}.pulse{animation:2s infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.slide-in-left{animation:.8s ease-out slideInLeft}.slide-in-right{animation:.8s ease-out slideInRight}.slide-in-up{animation:.8s ease-out slideInUp}@keyframes slideInLeft{0%{opacity:0;transform:translate(-100px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(100px)}to{opacity:1;transform:translate(0)}}@keyframes slideInUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.hover-lift{transition:transform .3s}.hover-lift:hover{transform:translateY(-5px)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#ffffff1a}::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#ffffff80}.hero-glass-card{-webkit-backdrop-filter:blur(20px);text-align:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:24px;width:100%;max-width:90vw;margin:0 auto;padding:2rem;animation:1.2s ease-out glassCardFadeIn;position:relative;overflow:hidden}@media (min-width:640px){.hero-glass-card{max-width:95%;padding:3rem}}@media (min-width:768px){.hero-glass-card{max-width:95%;padding:4rem}}.hero-glass-card:before{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);height:1px;animation:3s ease-in-out infinite shimmer;position:absolute;top:0;left:0;right:0}.hero-title{background:linear-gradient(45deg,red,#0f0,#00f) 0 0/300% 300%;-webkit-text-fill-color:transparent;letter-spacing:-.02em;-webkit-background-clip:text;background-clip:text;margin-bottom:1.5rem;font-size:clamp(3rem,8vw,6rem);font-weight:300;animation:1s ease-out .3s both titleSlideUp,3s ease-in-out infinite rgbGlow}.hero-subtitle{color:#ffffffb3;margin-bottom:2rem;font-size:clamp(1.25rem,3vw,1.5rem);font-weight:300;animation:1s ease-out .5s both subtitleSlideUp}.hero-description{color:#fff9;max-width:32rem;margin:0 auto 3rem;font-size:clamp(1rem,2vw,1.125rem);line-height:1.6;animation:1s ease-out .7s both descriptionFadeIn}.hero-buttons{flex-direction:column;align-items:center;gap:1.5rem;animation:1s ease-out .9s both buttonsFadeIn;display:flex}@media (min-width:640px){.hero-buttons{flex-direction:row;justify-content:center}}.btn-glass{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:50px;padding:.75rem 2rem;font-weight:300;text-decoration:none;transition:all .3s;position:relative;overflow:hidden}.btn-glass:before{content:"";background:linear-gradient(90deg,#0000,#ffffff1a,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.btn-glass:hover:before{left:100%}.btn-glass:hover{background:#ffffff1a;transform:translateY(-2px);box-shadow:0 10px 30px #0003}.btn-primary{color:#0a0a0a;background:#fff;border-radius:50px;padding:.75rem 2rem;font-weight:300;text-decoration:none;transition:all .3s}.btn-primary:hover{background:#ffffffe6;transform:translateY(-2px);box-shadow:0 10px 30px #fff3}@keyframes glassCardFadeIn{0%{opacity:0;transform:translateY(30px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes titleSlideUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes subtitleSlideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes descriptionFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes buttonsFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{opacity:0;transform:translate(-100%)}50%{opacity:1;transform:translate(0%)}to{opacity:0;transform:translate(100%)}}.grid-background{background-image:linear-gradient(#ffffff08 1px,#0000 1px),linear-gradient(90deg,#ffffff08 1px,#0000 1px);background-size:50px 50px;animation:20s linear infinite gridShift}@keyframes gridShift{0%{transform:translate(0)}to{transform:translate(50px,50px)}}.glass-square{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);pointer-events:none;background:#ffffff08;border:1px solid #ffffff0d;border-radius:8px;animation:20s linear infinite squareUpward;position:absolute}.square-1{width:120px;height:120px;animation-delay:0s;top:10%;left:10%}.square-2{width:80px;height:80px;animation-delay:-4s;top:20%;right:15%}.square-3{width:60px;height:60px;animation-delay:-8s;bottom:30%;left:20%}.square-4{width:100px;height:100px;animation-delay:-12s;bottom:20%;right:10%}.square-5{width:40px;height:40px;animation-delay:-16s;top:50%;left:50%}@keyframes squareUpward{0%{opacity:.3;transform:translateY(0)rotate(0)}25%{opacity:.6}50%{opacity:.4;transform:translateY(-50px)rotate(180deg)}75%{opacity:.2}to{opacity:.3;transform:translateY(-100px)rotate(360deg)}}.floating-square{pointer-events:none;background:#fff3;border:1px solid #ffffff1a;width:18px;height:18px;animation:12s linear infinite squareFloat;position:absolute}.floating-square:nth-child(odd){animation-delay:-2s;left:10%}.floating-square:nth-child(2n){animation-delay:-4s;left:90%}.floating-square:nth-child(3n){animation-delay:-6s;left:30%}.floating-square:nth-child(4n){animation-delay:-8s;left:70%}.floating-square:nth-child(5n){animation-delay:-10s;left:50%}@keyframes squareFloat{0%{opacity:0;transform:translateY(100vh)rotate(0)}10%{opacity:1}90%{opacity:1}to{opacity:0;transform:translateY(-100px)rotate(360deg)}}.btn-glass{position:relative;overflow:hidden}.btn-glass:after{content:"";background:linear-gradient(45deg,#0000 30%,#ffffff1a 50%,#0000 70%);transition:transform .6s;position:absolute;inset:0;transform:translate(-100%)}.btn-glass:hover:after{transform:translate(100%)}.hero-glass-card{transform-style:preserve-3d;will-change:transform}@media (max-width:768px){.glass-square{display:none}.floating-square{width:12px;height:12px}}.hover-3d{transform-style:preserve-3d;transition:transform .3s}.hover-3d:hover{transform:rotateX(5deg)rotateY(5deg)translateZ(10px)}.magnetic{transition:transform .3s cubic-bezier(.25,.46,.45,.94)}.parallax-slow{transform:translateZ(-1px)scale(2)}.parallax-fast{transform:translateZ(1px)scale(.5)}@keyframes morph{0%,to{border-radius:40% 60% 70% 30%/40% 40% 60% 50%}34%{border-radius:70% 30% 50% 50%/30% 30% 70% 70%}67%{border-radius:100% 60% 60% 100%/100% 100% 60% 60%}}.morphing{animation:8s ease-in-out infinite morph}@keyframes liquid{0%,to{border-radius:50%;transform:scale(1)rotate(0)}25%{border-radius:60% 40% 30% 70%/60% 30% 70% 40%;transform:scale(1.1)rotate(90deg)}50%{border-radius:30% 60% 70% 40%/50% 60% 30%;transform:scale(.9)rotate(180deg)}75%{border-radius:70% 30% 40% 60%/40% 70% 60% 30%;transform:scale(1.05)rotate(270deg)}}.liquid{animation:6s ease-in-out infinite liquid}.text-reveal{position:relative;overflow:hidden}.text-reveal:after{content:"";background:linear-gradient(90deg,#0000,#fff6,#0000);width:100%;height:100%;animation:2s ease-in-out textReveal;position:absolute;top:0;left:0;transform:translate(-100%)}@keyframes textReveal{0%{transform:translate(-100%)}to{transform:translate(100%)}}.stagger-item{opacity:0;transform:translateY(30px)}.scroll-progress{transform-origin:0;z-index:1000;background:linear-gradient(90deg,#fff,#ffffff80);width:100%;height:4px;position:fixed;top:0;left:0}.glow-pulse{animation:2s ease-in-out infinite alternate glowPulse}@keyframes glowPulse{0%{box-shadow:0 0 20px #fff3}to{box-shadow:0 0 40px #fff6,0 0 60px #fff3}}.custom-cursor{pointer-events:none;z-index:9999;width:48px;height:48px;image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges;background-image:url(/cursor.png);background-repeat:no-repeat;background-size:contain;position:fixed;transform:translate(-50%,-50%)}.custom-cursor-dot{display:none}.page-transition{animation:1s ease-out pageEnter}@keyframes pageEnter{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}html{scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.custom-cursor,.custom-cursor-dot{display:none}}@media (max-width:768px){.custom-cursor,.custom-cursor-dot{display:none}}.transform-gpu{will-change:transform;transform:translateZ(0)}.fade-in-up{opacity:0;transition:all .6s ease-out;transform:translateY(30px)}.fade-in-up.visible{opacity:1;transform:translateY(0)}.fade-in-left{opacity:0;transition:all .6s ease-out;transform:translate(-30px)}.fade-in-left.visible{opacity:1;transform:translate(0)}.fade-in-right{opacity:0;transition:all .6s ease-out;transform:translate(30px)}.fade-in-right.visible{opacity:1;transform:translate(0)}
