.hero-cyber-grid{position:relative;min-height:100vh;width:100%;overflow:hidden;display:flex;align-items:center;justify-content:center;background:var(--color-bg);color:var(--color-text);font-family:var(--font-main)}.hero-cyber-grid__background{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.hero-cyber-grid__canvas{position:absolute;top:0;left:0;width:100%;height:100%;cursor:pointer}.hero-cyber-grid__canvas canvas{display:block;width:100%;height:100%}.hero-cyber-grid__overlay{background:radial-gradient(ellipse at center,transparent 0,rgba(0,0,0,.3) 50%,rgba(0,0,0,.6) 100%)}.hero-cyber-grid__overlay,.hero-cyber-grid__scanlines{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.hero-cyber-grid__scanlines{background:repeating-linear-gradient(0deg,rgba(0,255,255,.03),transparent 2px,transparent 4px);animation:scanlineMove 10s linear infinite}.hero-cyber-grid__vignette{position:absolute;top:0;left:0;width:100%;height:100%;box-shadow:inset 0 0 100px rgba(0,0,0,.5);pointer-events:none}.hero-cyber-grid__content{position:relative;z-index:2;width:100%;max-width:1200px;margin:0 auto;padding:2rem;display:flex;flex-direction:column;align-items:center;text-align:center}.hero-cyber-grid__glitch-container{position:relative}.hero-cyber-grid__title{font-size:clamp(2.5rem,8vw,5rem);font-weight:800;line-height:1.1;margin-bottom:1.5rem;opacity:0;animation:fadeInUp 1s ease-out .4s forwards,glitchText 5s infinite;letter-spacing:-.02em;text-shadow:0 0 10px rgba(0,255,255,.5),0 0 20px rgba(0,255,255,.3),0 0 30px rgba(0,255,255,.2)}.hero-cyber-grid__gradient-text{background:linear-gradient(135deg,#00ffff,#ff00ff,#ffff00);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);background-size:200% 200%;animation:gradientShift 3s ease-in-out infinite;text-shadow:none;filter:drop-shadow(0 0 20px rgba(0,255,255,.6))}.hero-cyber-grid__description{font-size:clamp(1rem,2.5vw,1.25rem);line-height:1.6;color:rgba(var(--color-text),.8);margin-bottom:3rem;max-width:600px;opacity:0;animation:fadeInUp 1s ease-out .6s forwards}@media(max-width:768px){.hero-cyber-grid__description{margin-bottom:2rem}}.hero-cyber-grid__stats{display:flex;gap:2rem;margin-bottom:3rem;opacity:0;animation:fadeInUp 1s ease-out .5s forwards}@media(max-width:768px){.hero-cyber-grid__stats{gap:1rem;margin-bottom:2rem}}.hero-cyber-grid__stat{display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:1rem 2rem;background:rgba(0,255,255,.05);border:1px solid rgba(0,255,255,.3);border-radius:8px;position:relative;overflow:hidden}.hero-cyber-grid__stat:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(0,255,255,.2),transparent);animation:shimmer 3s infinite}.hero-cyber-grid__stat-value{font-size:1.5rem;font-weight:700;color:aqua;text-shadow:0 0 10px rgba(0,255,255,.8);font-family:Courier New,monospace;animation:numberFlicker .1s infinite}@media(max-width:768px){.hero-cyber-grid__stat-value{font-size:1.2rem}}.hero-cyber-grid__stat-label{font-size:.75rem;color:rgba(var(--color-text),.7);text-transform:uppercase;letter-spacing:2px}@media(max-width:768px){.hero-cyber-grid__stat-label{font-size:.65rem}}.hero-cyber-grid__main{max-width:800px;width:100%}.hero-cyber-grid__badge{display:inline-flex;align-items:center;gap:.75rem;padding:.75rem 1.5rem;background:rgba(0,255,255,.1);border:1px solid rgba(0,255,255,.3);border-radius:50px;font-size:.875rem;color:aqua;margin-bottom:2rem;opacity:0;animation:fadeInUp 1s ease-out .2s forwards,badgePulse 2s infinite;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 0 20px rgba(0,255,255,.2)}@media(max-width:768px){.hero-cyber-grid__badge{font-size:.75rem;margin-bottom:1.5rem}}.hero-cyber-grid__pulse{width:8px;height:8px;background:aqua;border-radius:50%;animation:cyberpulse 2s infinite;box-shadow:0 0 5px aqua,0 0 10px aqua,0 0 15px aqua}.hero-cyber-grid__pulse--delayed{animation-delay:1s}.hero-cyber-grid__actions{display:flex;gap:1rem;align-items:center;justify-content:center;opacity:0;animation:fadeInUp 1s ease-out .8s forwards}@media(max-width:768px){.hero-cyber-grid__actions{flex-direction:column;width:100%}}.hero-cyber-grid__cta{position:relative;padding:1.2rem 3rem;background:rgba(0,255,255,.1);color:aqua;border:2px solid aqua;border-radius:50px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;overflow:hidden;text-transform:uppercase;letter-spacing:2px;box-shadow:0 0 20px rgba(0,255,255,.3),inset 0 0 20px rgba(0,255,255,.1)}.hero-cyber-grid__cta-text{position:relative;z-index:2}.hero-cyber-grid__cta:hover{transform:translateY(-2px);background:rgba(0,255,255,.2);box-shadow:0 0 30px rgba(0,255,255,.6),0 10px 30px rgba(0,255,255,.3),inset 0 0 30px rgba(0,255,255,.2)}.hero-cyber-grid__cta:hover .hero-cyber-grid__cta-glow{opacity:1;transform:scale(1.5)}.hero-cyber-grid__cta:hover .hero-cyber-grid__cta-scan{animation:scanEffect .5s ease-out}@media(max-width:768px){.hero-cyber-grid__cta{width:100%;max-width:300px}}.hero-cyber-grid__cta-glow{position:absolute;top:50%;left:50%;width:100%;height:100%;background:radial-gradient(circle,rgba(0,255,255,.4) 0,transparent 70%);opacity:0;transition:all .3s ease;pointer-events:none;z-index:1;transform:translate(-50%,-50%)}.hero-cyber-grid__cta-scan{position:absolute;top:0;left:0;width:100%;height:2px;background:linear-gradient(90deg,transparent,#00ffff,transparent);opacity:0}.hero-cyber-grid__corner{position:absolute;width:40px;height:40px;border:2px solid rgba(0,255,255,.5);z-index:3;pointer-events:none;animation:cornerPulse 2s infinite}.hero-cyber-grid__corner--tl{top:20px;left:20px;border-right:none;border-bottom:none}.hero-cyber-grid__corner--tr{top:20px;right:20px;border-left:none;border-bottom:none}.hero-cyber-grid__corner--bl{bottom:20px;left:20px;border-right:none;border-top:none}.hero-cyber-grid__corner--br{bottom:20px;right:20px;border-left:none;border-top:none}@media(max-width:768px){.hero-cyber-grid__corner{width:25px;height:25px}}.hero-cyber-grid__ui-elements{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:3}.hero-cyber-grid__ui-element{position:absolute;padding:.5rem 1rem;background:rgba(0,255,255,.05);border:1px solid rgba(0,255,255,.3);border-radius:4px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-size:.75rem;color:aqua;font-family:Courier New,monospace;opacity:0;animation:fadeInFloat 2s ease-out forwards}.hero-cyber-grid__ui-element--1{top:15%;left:10%;animation-delay:1s}.hero-cyber-grid__ui-element--2{top:25%;right:10%;animation-delay:1.5s}.hero-cyber-grid__ui-element--3{bottom:20%;left:8%;animation-delay:2s}@media(max-width:768px){.hero-cyber-grid__ui-element{display:none}}.hero-cyber-grid__ui-text{animation:textGlitch 3s infinite}[data-theme=light] .hero-cyber-grid__vignette{box-shadow:inset 0 0 100px hsla(0,0%,100%,.3)}[data-theme=light] .hero-cyber-grid__overlay{background:radial-gradient(ellipse at center,transparent 0,rgba(255,255,255,.3) 50%,rgba(255,255,255,.6) 100%)}[data-theme=light] .hero-cyber-grid__title{text-shadow:0 0 10px rgba(0,112,243,.5),0 0 20px rgba(0,112,243,.3)}[data-theme=light] .hero-cyber-grid__gradient-text{background:linear-gradient(135deg,#0070f3,#ff0080,#ffaa00);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);filter:drop-shadow(0 0 20px rgba(0,112,243,.6))}[data-theme=light] .hero-cyber-grid__stat{background:rgba(0,112,243,.05);border-color:rgba(0,112,243,.3)}[data-theme=light] .hero-cyber-grid__stat-value{color:#0070f3;text-shadow:0 0 10px rgba(0,112,243,.8)}[data-theme=light] .hero-cyber-grid__badge{background:rgba(0,112,243,.1);border-color:rgba(0,112,243,.3);color:#0070f3}[data-theme=light] .hero-cyber-grid__cta{color:#0070f3;border-color:#0070f3;background:rgba(0,112,243,.1)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes gradientShift{0%,to{background-position:0 50%}50%{background-position:100% 50%}}@keyframes cyberpulse{0%,to{transform:scale(1);box-shadow:0 0 5px aqua,0 0 10px aqua,0 0 15px aqua}50%{transform:scale(1.2);box-shadow:0 0 10px aqua,0 0 20px aqua,0 0 30px aqua}}@keyframes badgePulse{0%,to{box-shadow:0 0 20px rgba(0,255,255,.2)}50%{box-shadow:0 0 30px rgba(0,255,255,.4)}}@keyframes glitchText{0%,90%,to{transform:translate(0)}92%{transform:translate(-2px,2px)}94%{transform:translate(2px,-2px)}96%{transform:translate(-2px,-2px)}}@keyframes shimmer{0%{left:-100%}to{left:200%}}@keyframes scanlineMove{0%{transform:translateY(0)}to{transform:translateY(20px)}}@keyframes cornerPulse{0%,to{opacity:.5;box-shadow:0 0 5px rgba(0,255,255,.3)}50%{opacity:1;box-shadow:0 0 15px rgba(0,255,255,.6)}}@keyframes fadeInFloat{0%{opacity:0;transform:translateY(20px)}to{opacity:.8;transform:translateY(0)}}@keyframes textGlitch{0%,95%,to{opacity:1}96%{opacity:.8}97%{opacity:1}98%{opacity:.9}}@keyframes numberFlicker{0%,to{opacity:1}50%{opacity:.98}}@keyframes scanEffect{0%{top:0;opacity:0}50%{opacity:1}to{top:100%;opacity:0}}