.hero-section{position:relative;width:100%;height:100vh;background:#000;overflow:hidden}.hero-section:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 80% 70% at 20% 50%,rgba(56,189,248,.04) 0%,transparent 65%);pointer-events:none;z-index:0}.hero__canvas{position:absolute;inset:0;width:100%;height:100%;opacity:.6;z-index:1}.hero__rings{position:absolute;inset:0;width:100%;height:100%;opacity:1;z-index:2;pointer-events:none}.hero__scanlines{position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent,transparent 3px,rgba(0,0,0,.08) 3px,rgba(0,0,0,.08) 4px);pointer-events:none;z-index:3}.hero__corner{position:absolute;width:28px;height:28px;opacity:0;z-index:4;animation:fadeIn .5s ease forwards 1s}.hero__corner--tl{top:28px;left:28px;border-top:1px solid #38bdf8;border-left:1px solid #38bdf8}.hero__corner--tr{top:28px;right:28px;border-top:1px solid #38bdf8;border-right:1px solid #38bdf8}.hero__corner--bl{bottom:28px;left:28px;border-bottom:1px solid #38bdf8;border-left:1px solid #38bdf8}.hero__corner--br{bottom:28px;right:28px;border-bottom:1px solid #38bdf8;border-right:1px solid #38bdf8}.cta-primary:hover,.cta-secondary:hover{border-color:#38bdf8;box-shadow:0 0 20px #38bdf84d;transform:translateY(-2px)}@keyframes linePulse{0%,to{opacity:.25;transform:scaleY(1)}50%{opacity:1;transform:scaleY(1.15)}}@media(max-width:768px){.hero__corner{width:20px;height:20px}.hero__corner--tl,.hero__corner--tr{top:20px}.hero__corner--bl,.hero__corner--br{bottom:20px}.hero__corner--tl,.hero__corner--bl{left:20px}.hero__corner--tr,.hero__corner--br{right:20px}}.preloader{position:fixed;inset:0;z-index:99999;background:#000;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;transition:opacity .6s ease,visibility .6s ease}.preloader.exit{opacity:0;visibility:hidden;pointer-events:none;transition:opacity .8s cubic-bezier(.16,1,.3,1),visibility .8s cubic-bezier(.16,1,.3,1)}.preloader.exit .preloader__canvas{opacity:0;transition:opacity .6s ease}.preloader.exit .preloader__scanlines,.preloader.exit .preloader__corner{opacity:0;transition:opacity .9s ease}.preloader__canvas{position:absolute;inset:0;width:100%;height:100%;opacity:.6}.preloader__content{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:40px}.preloader__logo{display:flex;flex-direction:column;align-items:center;line-height:1}.preloader__logo-main{font-family:Outfit,system-ui,sans-serif;font-weight:900;font-size:clamp(80px,14vw,180px);color:#fff;letter-spacing:-4px;line-height:.85;opacity:0;transform:translateY(30px);animation:logoIn .9s cubic-bezier(.16,1,.3,1) forwards .3s;text-shadow:0 0 40px rgba(56,189,248,.6),0 0 80px rgba(56,189,248,.2)}.preloader__logo-sub{font-family:Outfit,system-ui,sans-serif;font-weight:900;font-size:clamp(18px,3.5vw,46px);color:transparent;-webkit-text-stroke:1.5px rgba(255,255,255,.7);letter-spacing:.25em;opacity:0;transform:translateY(20px);animation:logoIn .9s cubic-bezier(.16,1,.3,1) forwards .55s}.preloader__progress-area{display:flex;flex-direction:column;align-items:center;gap:14px;width:clamp(200px,35vw,380px);opacity:0;animation:fadeUp .7s ease forwards .9s}.preloader__bar-track{width:100%;height:1px;background:#ffffff1a;position:relative;overflow:visible}.preloader__bar-fill{position:absolute;top:0;left:0;height:100%;width:0%;background:linear-gradient(90deg,#38bdf8,#00d4ff,#fff);transition:width .15s ease;box-shadow:0 0 12px #38bdf8cc}.preloader__bar-fill:after{content:"";position:absolute;right:-4px;top:-3px;width:8px;height:8px;border-radius:50%;background:#fff;box-shadow:0 0 10px 3px #38bdf8}.preloader__status{font-family:DM Sans,-apple-system,BlinkMacSystemFont,sans-serif;font-size:10px;font-weight:500;color:#ffffff59;letter-spacing:.2em;text-transform:uppercase;transition:opacity .3s ease}.preloader__counter{font-family:Outfit,system-ui,sans-serif;font-size:clamp(11px,1.5vw,14px);font-weight:700;color:#38bdf8;letter-spacing:.1em}.preloader__scanlines{position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent,transparent 3px,rgba(0,0,0,.08) 3px,rgba(0,0,0,.08) 4px);pointer-events:none;z-index:1}.preloader__corner{position:absolute;width:28px;height:28px;opacity:0;animation:fadeIn .5s ease forwards 1s}.preloader__corner--tl{top:28px;left:28px;border-top:1px solid #38bdf8;border-left:1px solid #38bdf8}.preloader__corner--tr{top:28px;right:28px;border-top:1px solid #38bdf8;border-right:1px solid #38bdf8}.preloader__corner--bl{bottom:28px;left:28px;border-bottom:1px solid #38bdf8;border-left:1px solid #38bdf8}.preloader__corner--br{bottom:28px;right:28px;border-bottom:1px solid #38bdf8;border-right:1px solid #38bdf8}@keyframes logoIn{to{opacity:1;transform:translateY(0)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{to{opacity:.5}}:root{--color-bg: #000000;--color-text: #ffffff;--color-accent-green: #38bdf8;--color-accent-pink: #0ea5e9;--color-accent-cyan: #00d4ff;--gradient-cyber: linear-gradient(135deg, #38bdf8, #00d4ff, #0ea5e9);--gradient-cyber-reverse: linear-gradient(135deg, #0ea5e9, #00d4ff, #38bdf8);--accent: #38bdf8;--text-primary: #ffffff;--font-display: "Outfit", system-ui, sans-serif;--font-accent: "Outfit", -apple-system, sans-serif;--font-body: "DM Sans", -apple-system, BlinkMacSystemFont, sans-serif;--spacing-unit: 8px;--spacing-xs: calc(var(--spacing-unit) * 1);--spacing-sm: calc(var(--spacing-unit) * 2);--spacing-md: calc(var(--spacing-unit) * 3);--spacing-lg: calc(var(--spacing-unit) * 4);--spacing-xl: calc(var(--spacing-unit) * 6);--spacing-xxl: calc(var(--spacing-unit) * 8);--glow-green: 0 0 20px rgba(56, 189, 248, .5);--glow-pink: 0 0 20px rgba(14, 165, 233, .5);--glow-cyan: 0 0 20px rgba(0, 212, 255, .5);--transition-smooth: cubic-bezier(.4, 0, .2, 1);--transition-elastic: cubic-bezier(.68, -.55, .265, 1.55)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{overflow-x:hidden}body{background-color:var(--color-bg);color:var(--color-text);font-family:var(--font-body);font-size:16px;line-height:1.6;overflow-x:hidden;cursor:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,.heading-1{font-family:var(--font-display);font-size:clamp(48px,10vw,120px);font-weight:800;line-height:1.1;letter-spacing:-.02em}h2,.heading-2{font-family:var(--font-display);font-size:clamp(36px,6vw,72px);font-weight:800;line-height:1.2;letter-spacing:-.01em}h3,.heading-3{font-family:var(--font-accent);font-size:clamp(24px,4vw,48px);font-weight:700;line-height:1.3;text-transform:uppercase;letter-spacing:.05em}p,.body-text{font-family:var(--font-body);font-size:clamp(16px,2vw,20px);line-height:1.6;letter-spacing:.01em}a{color:inherit;text-decoration:none;transition:color .3s var(--transition-smooth)}a:hover{color:var(--color-accent-green)}.container{max-width:1400px;margin:0 auto;padding:0 var(--spacing-lg)}.section{min-height:100vh;width:100%;position:relative;display:flex;align-items:center;justify-content:center}.section-full{height:100vh;width:100vw}.gradient-text{background:var(--gradient-cyber);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.glow-green{box-shadow:var(--glow-green)}.glow-pink{box-shadow:var(--glow-pink)}.glow-cyan{box-shadow:var(--glow-cyan)}.btn{padding:var(--spacing-sm) var(--spacing-lg);font-family:var(--font-accent);font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;border:2px solid var(--color-accent-green);background:transparent;color:var(--color-text);cursor:none;position:relative;overflow:hidden;transition:all .3s var(--transition-smooth)}.btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:var(--color-accent-green);transition:left .3s var(--transition-smooth);z-index:-1}.btn:hover:before{left:0}.btn:hover{color:var(--color-bg);box-shadow:var(--glow-green)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--color-bg)}::-webkit-scrollbar-thumb{background:var(--color-accent-green);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-accent-cyan)}::selection{background:var(--color-accent-green);color:var(--color-bg)}::-moz-selection{background:var(--color-accent-green);color:var(--color-bg)}*{cursor:none!important}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}img,video{max-width:100%;display:block}button{border:none;background:none;font:inherit;color:inherit}@keyframes glitch{0%{transform:translate(0)}20%{transform:translate(-2px,2px)}40%{transform:translate(-2px,-2px)}60%{transform:translate(2px,2px)}80%{transform:translate(2px,-2px)}to{transform:translate(0)}}@keyframes glitch-color{0%{filter:none}25%{filter:hue-rotate(90deg) saturate(2)}50%{filter:hue-rotate(180deg) saturate(3)}75%{filter:hue-rotate(270deg) saturate(2)}to{filter:none}}@keyframes pulse-glow{0%,to{box-shadow:0 0 20px #0f86}50%{box-shadow:0 0 40px #0f8c,0 0 60px #0f89}}@keyframes pulse-glow-pink{0%,to{box-shadow:0 0 20px #ff008066}50%{box-shadow:0 0 40px #ff0080cc,0 0 60px #ff008099}}@keyframes pulse-glow-cyan{0%,to{box-shadow:0 0 20px #00d4ff66}50%{box-shadow:0 0 40px #00d4ffcc,0 0 60px #00d4ff99}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes float-rotate{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(5deg)}}@keyframes gradient-shift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes rotate-360{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scale-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}.animate-glitch{animation:glitch .3s infinite}.animate-pulse-glow{animation:pulse-glow 2s ease-in-out infinite}.animate-pulse-glow-pink{animation:pulse-glow-pink 2s ease-in-out infinite}.animate-pulse-glow-cyan{animation:pulse-glow-cyan 2s ease-in-out infinite}.animate-float{animation:float 3s ease-in-out infinite}.animate-float-rotate{animation:float-rotate 4s ease-in-out infinite}.animate-gradient{background-size:200% 200%;animation:gradient-shift 3s ease infinite}.animate-rotate{animation:rotate-360 20s linear infinite}.animate-fade-in{animation:fadeIn .6s ease-out forwards}.animate-fade-in-up{animation:fadeInUp .8s ease-out forwards}.animate-scale-pulse{animation:scale-pulse 1.5s ease-in-out infinite}.preserve-3d{transform-style:preserve-3d}.perspective{perspective:1000px}.perspective-far{perspective:2000px}.backface-hidden{backface-visibility:hidden}.transition-smooth{transition:all .3s cubic-bezier(.4,0,.2,1)}.transition-elastic{transition:all .5s cubic-bezier(.68,-.55,.265,1.55)}.transition-bounce{transition:all .6s cubic-bezier(.68,-.55,.265,1.55)}.hover-lift{transition:transform .3s ease}.hover-lift:hover{transform:translateY(-10px)}.hover-scale{transition:transform .3s ease}.hover-scale:hover{transform:scale(1.05)}.hover-rotate{transition:transform .3s ease}.hover-rotate:hover{transform:rotate(5deg)}.particle{position:absolute;border-radius:50%;pointer-events:none}.loading{position:relative;pointer-events:none;opacity:.6}.loading:after{content:"";position:absolute;top:50%;left:50%;width:30px;height:30px;margin:-15px 0 0 -15px;border:3px solid transparent;border-top-color:var(--color-accent-green);border-radius:50%;animation:rotate-360 .8s linear infinite}
