.hero-background-wrapper{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;z-index:0}.animated-gradient{position:absolute;width:100%;height:100%;background:linear-gradient(135deg,#f8fafc,#e0f2f7,#b3e5f0,#e0f2f7,#f8fafc);background-size:400% 400%;animation:gradientShift 15s ease infinite}.floating-shapes{position:absolute;width:100%;height:100%;overflow:hidden}.shape{position:absolute;opacity:.08;border-radius:30% 70% 70% 30%/30% 30% 70% 70%;animation:float 20s ease-in-out infinite}.shape-1{width:600px;height:600px;background:linear-gradient(135deg,#002d72,#008489);top:-10%;left:-5%;animation-duration:25s}.shape-2{width:400px;height:400px;background:linear-gradient(225deg,#008489,#00a8ae);top:40%;right:-5%;animation-duration:20s;animation-delay:-5s}.shape-3{width:300px;height:300px;background:linear-gradient(135deg,#002d72,#004a99);bottom:10%;left:20%;animation-duration:22s;animation-delay:-10s;border-radius:50%}.shape-4{width:500px;height:500px;background:linear-gradient(180deg,#008489,#002d72);top:20%;left:60%;animation-duration:28s;animation-delay:-15s}.shape-5{width:350px;height:350px;background:linear-gradient(90deg,#00a8ae,#008489);bottom:30%;right:15%;animation-duration:24s;animation-delay:-8s;border-radius:40% 60% 60% 40%/50%}.shape-6{width:450px;height:450px;background:linear-gradient(270deg,#002d72,#036);top:5%;left:40%;animation-duration:26s;animation-delay:-12s;opacity:.06}@keyframes float{0%,to{transform:translate(0) rotate(0) scale(1)}25%{transform:translate(30px,-30px) rotate(5deg) scale(1.05)}50%{transform:translate(-20px,20px) rotate(-3deg) scale(.95)}75%{transform:translate(20px,10px) rotate(3deg) scale(1.02)}}.grid-pattern{position:absolute;width:100%;height:100%;background-image:linear-gradient(rgba(0,45,114,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(0,45,114,.03) 1px,transparent 1px);background-size:50px 50px;animation:gridMove 30s linear infinite}@keyframes gridMove{0%{background-position:0 0}to{background-position:50px 50px}}.hero-background-wrapper .particles{position:absolute;width:100%;height:100%}.hero-background-wrapper .particle{position:absolute;width:4px;height:4px;background:radial-gradient(circle,rgba(0,132,137,.6),transparent);border-radius:50%;box-shadow:none;filter:none;animation:particleRise linear infinite;bottom:-10px}.hero-background-wrapper .particle:before{content:none}@keyframes particleRise{0%{transform:translateY(0) translate(0);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateY(-100vh) translate(calc(var(--random-x, 0) * 50px));opacity:0}}@media(max-width:768px){.shape{opacity:.05}.shape-1,.shape-2,.shape-4{width:300px;height:300px}.shape-3,.shape-5,.shape-6{width:200px;height:200px}.grid-pattern{background-size:30px 30px}.hero-background-wrapper .particle{width:3px;height:3px}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}.hero-background-wrapper:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.3) 50%,transparent 100%);background-size:1000px 100%;animation:shimmer 8s infinite;pointer-events:none}.login-background{position:relative;width:100%;height:100%;overflow:hidden;background:linear-gradient(135deg,#031f20,#064346,#07575b,#086c70,#031f20);background-size:400% 400%;animation:gradientShift 15s ease infinite}@keyframes gradientShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.particles{position:absolute;inset:0;overflow:hidden}.particle{position:absolute;width:4px;height:4px;background:#008489a6;border-radius:50%;box-shadow:0 0 10px #00848973}.particle:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:20px;height:20px;background:radial-gradient(circle,rgba(0,132,137,.3) 0%,transparent 70%);border-radius:50%;animation:pulse 3s ease-in-out infinite}@keyframes pulse{0%,to{transform:translate(-50%,-50%) scale(1);opacity:.5}50%{transform:translate(-50%,-50%) scale(1.5);opacity:.8}}.geometric-shape{position:absolute;opacity:.1;animation:float 20s ease-in-out infinite}.geometric-shape.circle{border-radius:50%;border:2px solid rgba(0,132,137,.3)}.geometric-shape.square{border:2px solid rgba(0,166,172,.28);transform:rotate(45deg)}.geometric-shape.triangle{width:0;height:0;border-left:50px solid transparent;border-right:50px solid transparent;border-bottom:86px solid rgba(0,132,137,.2)}@keyframes float{0%,to{transform:translateY(0) rotate(0)}25%{transform:translateY(-30px) rotate(90deg)}50%{transform:translateY(-60px) rotate(180deg)}75%{transform:translateY(-30px) rotate(270deg)}}.connection-line{position:absolute;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(0,132,137,.35) 50%,transparent 100%);transform-origin:left center;animation:lineGlow 3s ease-in-out infinite}@keyframes lineGlow{0%,to{opacity:.2}50%{opacity:.6}}.grid-overlay{position:absolute;inset:0;background-image:linear-gradient(rgba(0,132,137,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(0,132,137,.04) 1px,transparent 1px);background-size:50px 50px;animation:gridMove 20s linear infinite}@keyframes gridMove{0%{transform:translate(0)}to{transform:translate(50px,50px)}}.glow-orb{position:absolute;border-radius:50%;filter:blur(40px);animation:orbFloat 15s ease-in-out infinite;mix-blend-mode:screen}.glow-orb-1{width:300px;height:300px;background:radial-gradient(circle,rgba(0,132,137,.18) 0%,transparent 70%);top:10%;left:10%;animation-delay:0s}.glow-orb-2{width:250px;height:250px;background:radial-gradient(circle,rgba(0,166,172,.14) 0%,transparent 70%);bottom:20%;right:15%;animation-delay:5s}.glow-orb-3{width:200px;height:200px;background:radial-gradient(circle,rgba(77,208,225,.1) 0%,transparent 70%);top:50%;left:50%;animation-delay:10s}@keyframes orbFloat{0%,to{transform:translate(0)}33%{transform:translate(50px,-30px)}66%{transform:translate(-30px,40px)}}.network-node{position:absolute;width:8px;height:8px;background:#008489d9;border-radius:50%;box-shadow:0 0 10px #0084898c,0 0 20px #00848959,0 0 30px #00848926;animation:nodeGlow 4s ease-in-out infinite}@keyframes nodeGlow{0%,to{transform:scale(1);opacity:.6}50%{transform:scale(1.3);opacity:1}}.hexagon{position:absolute;width:60px;height:34.64px;background:#0084890d;border-left:2px solid rgba(0,132,137,.18);border-right:2px solid rgba(0,132,137,.18);animation:hexFloat 25s ease-in-out infinite}.hexagon:before,.hexagon:after{content:"";position:absolute;width:0;height:0;border-left:30px solid transparent;border-right:30px solid transparent;left:0}.hexagon:before{bottom:100%;border-bottom:17.32px solid rgba(0,132,137,.05);border-left-color:#0084892e;border-right-color:#0084892e}.hexagon:after{top:100%;border-top:17.32px solid rgba(0,132,137,.05);border-left-color:#0084892e;border-right-color:#0084892e}@keyframes hexFloat{0%,to{transform:translateY(0) rotate(0);opacity:.3}50%{transform:translateY(-50px) rotate(180deg);opacity:.6}}.scan-line{position:absolute;width:100%;height:2px;background:linear-gradient(90deg,transparent 0%,rgba(0,132,137,.35) 50%,transparent 100%);animation:scan 8s linear infinite;box-shadow:0 0 10px #00848980}@keyframes scan{0%{top:0;opacity:0}10%{opacity:1}90%{opacity:1}to{top:100%;opacity:0}}.data-stream{position:absolute;width:2px;height:100px;background:linear-gradient(180deg,transparent 0%,rgba(0,132,137,.5) 50%,transparent 100%);animation:streamFlow 3s linear infinite}@keyframes streamFlow{0%{top:-100px;opacity:0}10%{opacity:1}90%{opacity:1}to{top:100%;opacity:0}}@media(max-width:767px){.login-background{animation:none;background-size:100% 100%}.particle,.particle:before{animation:none!important;opacity:.3}.geometric-shape{animation:none!important;display:none}.hexagon,.hexagon:before,.hexagon:after{animation:none!important;display:none}.network-node{animation:none!important;opacity:.4}.data-stream,.scan-line{animation:none!important;display:none}.glow-orb{animation:none!important;opacity:.5}.glow-orb-1{width:150px;height:150px}.glow-orb-2{width:120px;height:120px}.glow-orb-3{display:none}.grid-overlay{animation:none!important}.connection-line{animation:none!important;display:none}}@media(min-width:768px)and (max-width:1023px){.particle:before{animation:none!important}.hexagon,.data-stream,.glow-orb-3{display:none}}