:root{--bg-primary:#030712;--bg-secondary:#0f172a;--bg-tertiary:#1e293b;--bg-glass:#11182766;--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-muted:#64748b;--accent-primary:#10b981;--accent-hover:#34d399;--accent-glow:#10b98166;--accent-dim:#10b98126;--neon-cyan:#06b6d4;--neon-blue:#3b82f6;--neon-purple:#8b5cf6;--neon-pink:#ec4899;--border-primary:#10b98126;--border-hover:#10b98166;--border-glow:#10b9814d;--glow-primary:#10b98133;--glow-secondary:#06b6d426;--glow-tertiary:#8b5cf61a;--transition-fast:.15s;--transition-normal:.3s;--transition-slow:.5s}html,html.dark{background-color:var(--bg-primary)}body{background-color:var(--bg-primary);color:var(--text-primary);overflow-x:hidden}.hero-page{justify-content:center;align-items:center;width:100%;min-height:100vh;display:flex}.particles-canvas{z-index:1;pointer-events:none;opacity:.6;width:100%;height:100%;position:absolute;top:0;left:0}.scanlines{z-index:2;pointer-events:none;background:repeating-linear-gradient(0deg,#0000,#0000 2px,#00000008 2px 4px);width:100%;height:100%;animation:8s linear infinite scanlineMove;position:absolute;top:0;left:0}@keyframes scanlineMove{0%{transform:translateY(0)}to{transform:translateY(4px)}}.glow-container{z-index:0;pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.glow-orb{filter:blur(100px);border-radius:50%;animation:15s ease-in-out infinite orbFloat;position:absolute}.glow-orb-1{background:var(--glow-primary);width:600px;height:600px;animation-delay:0s;top:-200px;right:-100px}.glow-orb-2{background:var(--glow-secondary);width:500px;height:500px;animation-delay:-5s;bottom:-150px;left:-100px}.glow-orb-3{background:var(--glow-tertiary);width:400px;height:400px;animation-delay:-10s;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes orbFloat{0%,to{opacity:.5;transform:translate(0)scale(1)}25%{opacity:.6;transform:translate(30px,-30px)scale(1.05)}50%{opacity:.4;transform:translate(-20px,20px)scale(.95)}75%{opacity:.55;transform:translate(20px,30px)scale(1.02)}}.grid-overlay{z-index:1;pointer-events:none;background-image:linear-gradient(var(--border-primary) 1px, transparent 1px), linear-gradient(90deg, var(--border-primary) 1px, transparent 1px);opacity:.15;background-size:60px 60px;width:100%;height:100%;position:absolute;top:0;left:0;mask-image:radial-gradient(#000 0%,#0000 70%)}.cursor-follower{background:radial-gradient(circle, var(--accent-dim) 0%, transparent 70%);pointer-events:none;z-index:1000;opacity:0;mix-blend-mode:screen;border-radius:50%;width:300px;height:300px;transition:opacity .3s;position:fixed;transform:translate(-50%,-50%)}.hero-container:hover .cursor-follower{opacity:1}.hero-content{z-index:10;text-align:center;width:100%;max-width:1200px;animation:1s ease-out fadeIn;position:relative}.corner-element{border:2px solid var(--accent-primary);opacity:.3;width:40px;height:40px;position:absolute}.corner-element.top-left{border-bottom:none;border-right:none;top:-20px;left:-20px}.corner-element.top-right{border-bottom:none;border-left:none;top:-20px;right:-20px}.corner-element.bottom-left{border-top:none;border-right:none;bottom:-20px;left:-20px}.corner-element.bottom-right{border-top:none;border-left:none;bottom:-20px;right:-20px}.hero-header{margin-bottom:3.5rem;position:relative}.logo-badge{border:1px solid var(--border-primary);color:var(--accent-primary);letter-spacing:.15em;text-transform:uppercase;background:#10b98114;border-radius:2rem;align-items:center;gap:.5rem;margin-bottom:2.5rem;padding:.5rem 1.25rem;font-size:.75rem;font-weight:600;display:inline-flex;position:relative;overflow:hidden}.logo-badge:before{content:"";background:linear-gradient(90deg,#0000,#10b98133,#0000);width:100%;height:100%;animation:3s ease-in-out infinite badgeShine;position:absolute;top:0;left:-100%}@keyframes badgeShine{0%{left:-100%}50%,to{left:100%}}.badge-dot{background:var(--accent-primary);width:6px;height:6px;box-shadow:0 0 10px var(--accent-primary);border-radius:50%;animation:2s ease-in-out infinite dotPulse}@keyframes dotPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}.hero-title{color:var(--text-primary);letter-spacing:.05em;margin:0 0 1.5rem;font-family:Orbitron,Space Grotesk,sans-serif;font-size:clamp(3.5rem,10vw,7rem);font-weight:700;line-height:1;display:inline-block;position:relative}.title-text{background:linear-gradient(135deg, var(--text-primary) 0%, var(--accent-primary) 50%, var(--neon-cyan) 100%);-webkit-text-fill-color:transparent;background-size:200% 200%;background-clip:text;animation:6s infinite gradientShift}@keyframes gradientShift{0%,to{background-position:0%}50%{background-position:100%}}.title-glitch{opacity:0;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.hero-title:hover .title-glitch{opacity:1}.glitch-layer{background:inherit;-webkit-text-fill-color:transparent;background-clip:text;width:100%;height:100%;position:absolute;top:0;left:0}.glitch-layer:first-child{clip-path:polygon(0 0,100% 0,100% 45%,0 45%);animation:3s linear infinite alternate-reverse glitch1}.glitch-layer:last-child{clip-path:polygon(0 55%,100% 55%,100% 100%,0 100%);animation:3s linear infinite alternate-reverse glitch2}@keyframes glitch1{0%,to{transform:translate(0)}20%{transform:translate(-3px,3px)}40%{transform:translate(-3px,-3px)}60%{transform:translate(3px,3px)}80%{transform:translate(3px,3px)}}@keyframes glitch2{0%,to{transform:translate(0)}20%{transform:translate(3px,-3px)}40%{transform:translate(-3px,3px)}60%{transform:translate(3px,-3px)}80%{transform:translate(-3px,-3px)}}.hero-subtitle{color:var(--text-secondary);letter-spacing:.1em;margin:0 0 1.5rem;font-size:clamp(1.25rem,3vw,1.75rem);font-weight:500;line-height:1.4}.typing-text{display:inline-block;position:relative}.typing-text:after{content:"|";color:var(--accent-primary);animation:1s step-end infinite blink;position:absolute;right:-.5em}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.hero-description{color:var(--text-muted);letter-spacing:.15em;flex-wrap:wrap;justify-content:center;gap:1.5rem 2rem;font-size:clamp(.875rem,1.5vw,1rem);display:flex}.desc-item{align-items:center;gap:.5rem;display:flex;position:relative}.desc-line{background:var(--accent-primary);width:4px;height:4px;box-shadow:0 0 8px var(--accent-primary);border-radius:50%}.cta-wrapper{flex-direction:column;align-items:center;gap:1.5rem;margin-bottom:4rem;display:flex}.cta-button{cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:1.25rem 3rem;transition:all .3s cubic-bezier(.16,1,.3,1);display:inline-flex;position:relative;overflow:hidden}.cta-content{z-index:2;background:linear-gradient(135deg, var(--accent-primary), var(--neon-cyan));color:var(--bg-primary);letter-spacing:.1em;text-transform:uppercase;border-radius:.5rem;align-items:center;gap:.75rem;padding:1rem 2rem;font-family:Rajdhani,sans-serif;font-size:1.125rem;font-weight:700;transition:all .3s;display:flex;position:relative;box-shadow:0 0 20px #10b9814d,0 0 40px #10b9811a,inset 0 1px #fff3}.cta-icon{align-items:center;transition:transform .3s;display:flex}.cta-icon svg{width:1.25rem;height:1.25rem}.cta-button:hover .cta-content{transform:translateY(-2px);box-shadow:0 0 30px #10b98180,0 0 60px #10b98133,inset 0 1px #ffffff4d}.cta-button:hover .cta-icon{animation:.5s iconBounce;transform:translate(4px)}@keyframes iconBounce{0%,to{transform:translate(4px)}50%{transform:translate(8px)}}.cta-glow{background:radial-gradient(ellipse, var(--accent-glow) 0%, transparent 70%);opacity:0;z-index:1;width:120%;height:120%;transition:opacity .3s;animation:2s ease-in-out infinite glowPulse;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.cta-button:hover .cta-glow{opacity:1}@keyframes glowPulse{0%,to{opacity:.5;transform:translate(-50%,-50%)scale(1)}50%{opacity:.8;transform:translate(-50%,-50%)scale(1.1)}}.cta-border{border:2px solid var(--accent-primary);opacity:.5;z-index:0;border-radius:.5rem;width:100%;height:100%;animation:3s linear infinite borderRotate;position:absolute;top:0;left:0}@keyframes borderRotate{0%{clip-path:polygon(0 0,20px 0,20px 2px,100% 2px,100% 20px,98% 20px,98% 20px);transform:rotate(0)}25%{clip-path:polygon(0 0,20px 0,20px 2px,100% 2px,100% 20px,98% 20px,98% 100%,80% 100%,80% 98px,0 98px);transform:rotate(0)}50%{clip-path:polygon(0 0,20px 0,20px 2px,100% 2px,100% 20px,98% 20px,98% 100%,80% 100%,80% 98px,0 98px);transform:rotate(0)}75%{clip-path:polygon(0 0,20px 0,20px 2px,100% 2px,100% 20px,98% 20px,98% 100%,80% 100%,80% 98px,0 80px,2% 80px);transform:rotate(0)}to{clip-path:polygon(0 80px,2% 80px,2% 100%,0 98px,98% 100%,0 98px,0 98px,0 98px,100% 20px);transform:rotate(0)}}.cta-particles{pointer-events:none;z-index:3;width:100%;height:100%;position:absolute;top:0;left:0}.particle{background:var(--accent-primary);opacity:0;border-radius:50%;width:4px;height:4px;position:absolute}.cta-button:hover .particle{animation:1s ease-out forwards particleExplode}.particle:first-child{--angle:0deg}.particle:nth-child(2){--angle:45deg}.particle:nth-child(3){--angle:90deg}.particle:nth-child(4){--angle:135deg}.particle:nth-child(5){--angle:180deg}.particle:nth-child(6){--angle:225deg}.particle:nth-child(7){--angle:270deg}.particle:nth-child(8){--angle:315deg}@keyframes particleExplode{0%{opacity:1;transform:translate(-50%, -50%) rotate(var(--angle)) translateY(0)}to{opacity:0;transform:translate(-50%, -50%) rotate(var(--angle)) translateY(-60px)}}.hint-text{color:var(--text-muted);align-items:center;gap:.5rem;font-size:.875rem;font-weight:400;animation:2s ease-in-out infinite hintPulse;display:flex}.hint-icon{color:var(--accent-primary);animation:4s linear infinite iconSpin}@keyframes iconSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes hintPulse{0%,to{opacity:.6}50%{opacity:1}}.hint-arrow{color:var(--neon-cyan);transition:transform .3s}.hero-container:hover .hint-arrow{transform:translate(4px)}.features-grid{grid-template-columns:repeat(1,1fr);gap:1.25rem;width:100%;padding:0 .5rem;display:grid}@media (width>=480px){.features-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem}}@media (width>=768px){.features-grid{gap:1.75rem}}@media (width>=1024px){.features-grid{grid-template-columns:repeat(4,1fr);gap:1.5rem}}.feature-card{background:var(--bg-glass);border:1px solid var(--border-primary);opacity:0;min-height:160px;animation:cardSlideIn .6s cubic-bezier(.16, 1, .3, 1) var(--delay) forwards;cursor:pointer;-webkit-backdrop-filter:blur(12px);border-radius:.75rem;padding:1.5rem;transition:all .3s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden;transform:translateY(30px)}.card-bg-effect{background:linear-gradient(135deg, transparent 0%, var(--accent-dim) 100%);opacity:0;width:100%;height:100%;transition:opacity .3s;position:absolute;top:0;left:0}.feature-card:hover .card-bg-effect{opacity:1}.feature-card:hover{border-color:var(--border-hover);box-shadow:0 20px 40px -15px #00000080, 0 0 30px var(--accent-glow), inset 0 1px 0 #ffffff1a;transform:translateY(-6px)scale(1.02)}.feature-card:active{transition:all .15s;transform:translateY(-2px)scale(1.01)}.feature-card:focus{border-color:var(--accent-primary);box-shadow:0 0 0 2px var(--accent-primary), 0 0 20px var(--accent-glow);outline:none}.card-corner-accents{pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.corner{border-color:var(--accent-primary);opacity:0;border-style:solid;width:8px;height:8px;transition:opacity .3s;position:absolute}.feature-card:hover .corner{opacity:1}.corner-tl{border-width:2px 0 0 2px;top:-1px;left:-1px}.corner-tr{border-width:2px 2px 0 0;top:-1px;right:-1px}.corner-bl{border-width:0 0 2px;bottom:-1px;left:-1px}.corner-br{border-width:0 2px 0 0;bottom:-1px;right:-1px}.feature-icon-wrapper{width:3rem;height:3rem;color:var(--neon-cyan);background:#06b6d41a;border:1px solid #06b6d433;border-radius:.5rem;justify-content:center;align-items:center;margin-bottom:1rem;transition:all .3s;display:inline-flex;position:relative;overflow:hidden}.feature-icon-wrapper:before{content:"";background:linear-gradient(90deg,#0000,#06b6d44d,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.feature-card:hover .feature-icon-wrapper:before{left:100%}.feature-card:hover .feature-icon-wrapper{border-color:var(--neon-cyan);color:var(--accent-primary);background:#06b6d426;box-shadow:0 0 20px #06b6d44d}.feature-icon{z-index:1;width:1.5rem;height:1.5rem;position:relative}.feature-content{z-index:1;position:relative}.feature-title{color:var(--text-primary);letter-spacing:.05em;text-transform:uppercase;margin:0 0 .5rem;font-family:Rajdhani,sans-serif;font-size:1rem;font-weight:600;line-height:1.4}@media (width>=640px){.feature-title{font-size:1.0625rem}}.feature-desc{color:var(--text-muted);margin:0;font-size:.8125rem;line-height:1.5}@media (width>=480px){.feature-desc{font-size:.875rem}}.bottom-decor{z-index:10;width:100%;height:3px;position:absolute;bottom:0;left:0}.progress-line{background:linear-gradient(90deg, transparent 0%, var(--accent-primary) 20%, var(--neon-cyan) 50%, var(--accent-primary) 80%, transparent 100%);width:100%;height:100%;animation:3s ease-in-out infinite progressFlow}@keyframes progressFlow{0%,to{transform:translate(-100%)}50%{transform:translate(100%)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes cardSlideIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.hero-container,.feature-card{opacity:1;transform:none;animation:none!important}.cursor-follower{display:none}}