*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;min-height:100vh;background:radial-gradient(circle at 20% 50%,rgba(120,119,198,.3) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(255,119,198,.3) 0%,transparent 50%),radial-gradient(circle at 40% 80%,rgba(120,219,255,.3) 0%,transparent 50%),linear-gradient(135deg,#0f0f23 0%,#1a1a2e 50%,#16213e 100%);background-attachment:fixed;position:relative;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;background:repeating-linear-gradient(90deg,transparent,transparent 98px,rgba(0,255,255,.03) 100px),repeating-linear-gradient(0deg,transparent,transparent 98px,rgba(255,0,255,.03) 100px);pointer-events:none;z-index:-1}.global-bg-effects{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;overflow:hidden;z-index:-1}.global-bg-effects .particle{position:absolute;width:6px;height:6px;border-radius:50%;animation:float-glow 8s ease-in-out infinite}.global-bg-effects .particle.particle-1{top:15%;left:10%;background:#00ffff;box-shadow:0 0 20px #0ff;animation-delay:0s}.global-bg-effects .particle.particle-2{top:70%;left:85%;background:#ff00ff;box-shadow:0 0 20px #f0f;animation-delay:2s}.global-bg-effects .particle.particle-3{top:85%;left:15%;background:#ffff00;box-shadow:0 0 20px #ff0;animation-delay:4s}.global-bg-effects .particle.particle-4{top:25%;left:75%;background:#00ffff;box-shadow:0 0 20px #0ff;animation-delay:6s}.global-bg-effects .particle.particle-5{top:60%;left:50%;background:#ff00ff;box-shadow:0 0 20px #f0f;animation-delay:1s}.global-bg-effects .particle.particle-6{top:40%;left:30%;background:#ffff00;box-shadow:0 0 20px #ff0;animation-delay:3s}.global-bg-effects .particle.particle-7{top:80%;left:70%;background:#00ffff;box-shadow:0 0 20px #0ff;animation-delay:5s}.global-bg-effects .particle.particle-8{top:10%;left:60%;background:#ff00ff;box-shadow:0 0 20px #f0f;animation-delay:7s}@keyframes float-glow{0%,to{transform:translateY(0) translate(0) scale(1);opacity:.8}25%{transform:translateY(-30px) translate(15px) scale(1.2);opacity:1}50%{transform:translateY(-15px) translate(-10px) scale(.8);opacity:.9}75%{transform:translateY(-40px) translate(20px) scale(1.1);opacity:1}}