.hero-background{background-color:#0000;background-image:radial-gradient(100% 60% at 50% -10%,#22d3ee66 0%,#0000 50%),radial-gradient(80% 50% at 0 0,#3b82f659 0%,#0000 50%),radial-gradient(80% 50% at 100% 100%,#8b5cf659 0%,#0000 50%),radial-gradient(60% 40%,#22d3ee1a 0%,#0000 70%),linear-gradient(#030712 0%,#0a1628 25%,#0f172a 50%,#0a1628 75%,#030712 100%);background-position:0 0,0 0,0 0,0 0,0 0;background-repeat:repeat,repeat,repeat,repeat,repeat;background-size:auto,auto,auto,auto,auto;background-attachment:fixed;background-origin:padding-box,padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box,border-box;width:100vw;min-height:100vh;position:relative;overflow:hidden}.hero-background:before{content:"";z-index:1;pointer-events:none;background-image:linear-gradient(90deg,#22d3ee26 1px,#0000 1px),linear-gradient(#22d3ee26 1px,#0000 1px);background-size:60px 60px;animation:4s ease-in-out infinite gridPulse;position:absolute;inset:0}.hero-background:after{content:"";z-index:1;pointer-events:none;background:radial-gradient(circle at 15% 25%,#22d3ee80 0%,#0000 25%),radial-gradient(circle at 85% 20%,#22d3ee66 0%,#0000 20%),radial-gradient(circle at 80% 75%,#3b82f673 0%,#0000 25%),radial-gradient(circle at 10% 80%,#3b82f666 0%,#0000 20%),radial-gradient(circle at 70% 85%,#8b5cf659 0%,#0000 20%),radial-gradient(circle at 25%,#8b5cf64d 0%,#0000 15%),radial-gradient(circle,#22d3ee26 0%,#0000 40%);animation:8s ease-in-out infinite orbFloat;position:absolute;inset:0}.overlay{z-index:2;pointer-events:none;background:linear-gradient(#0000001a 0%,#0000 30% 70%,#0000001a 100%);position:absolute;inset:0}.content-container{z-index:10;position:relative}.page-wrapper{flex-direction:column;min-height:100vh;display:flex;position:relative}.main-content{flex:1}@keyframes gridPulse{0%,to{opacity:.4}50%{opacity:1}}@keyframes orbFloat{0%,to{opacity:.7;transform:translateY(0)scale(1)}33%{opacity:1;transform:translateY(-20px)scale(1.05)}66%{opacity:.85;transform:translateY(10px)scale(.95)}}.particles{z-index:3;pointer-events:none;position:absolute;inset:0;overflow:hidden}.particle{background:#22d3ee;border-radius:50%;animation:10s ease-in-out infinite particleFloat;position:absolute;box-shadow:0 0 10px #22d3eecc,0 0 20px #22d3ee99,0 0 30px #22d3ee66}.particle:first-child{width:6px;height:6px;animation-delay:0s;top:20%;left:10%}.particle:nth-child(2){background:#3b82f6;width:8px;height:8px;animation-delay:1.5s;top:70%;left:25%;box-shadow:0 0 10px #3b82f6cc,0 0 20px #3b82f699}.particle:nth-child(3){width:5px;height:5px;animation-delay:3s;top:40%;left:50%}.particle:nth-child(4){background:#8b5cf6;width:10px;height:10px;animation-delay:4.5s;top:65%;left:65%;box-shadow:0 0 10px #8b5cf6cc,0 0 20px #8b5cf699}.particle:nth-child(5){width:5px;height:5px;animation-delay:6s;top:25%;left:80%}.particle:nth-child(6){background:#3b82f6;width:7px;height:7px;animation-delay:7.5s;top:55%;left:90%;box-shadow:0 0 10px #3b82f6cc,0 0 20px #3b82f699}@keyframes particleFloat{0%,to{opacity:.8;transform:translate(0)scale(1)}25%{opacity:1;transform:translate(15px,-30px)scale(1.3)}50%{opacity:.7;transform:translate(-10px,-60px)scale(.9)}75%{opacity:1;transform:translate(20px,-90px)scale(1.2)}}.lightning-container{z-index:3;pointer-events:none;position:absolute;inset:0;overflow:hidden}.energy-line{filter:blur(1px);background:linear-gradient(#0000 0%,#22d3ee4d 20%,#22d3ee 50%,#22d3ee4d 80%,#0000 100%);width:3px;animation:4s ease-in-out infinite energyFlow;position:absolute;box-shadow:0 0 10px #22d3eecc}.energy-line:first-child{height:150px;animation-delay:0s;left:8%}.energy-line:nth-child(2){height:200px;animation-delay:1s;left:30%}.energy-line:nth-child(3){height:180px;animation-delay:2s;left:70%}.energy-line:nth-child(4){height:120px;animation-delay:3s;left:92%}@keyframes energyFlow{0%{opacity:0;top:-200px}10%{opacity:1}90%{opacity:1}to{opacity:0;top:100vh}}.vignette{z-index:4;pointer-events:none;background:radial-gradient(#0000 50%,#0006 100%);position:absolute;inset:0}@media (max-width:768px){.hero-background:before{background-size:40px 40px}.particle{transform:scale(.7)}.energy-line{width:2px}}@media (prefers-reduced-motion:reduce){.hero-background:before,.hero-background:after,.energy-line,.particle{animation:none}}