html,body{margin:0;padding:0;min-height:100vh;overflow-x:hidden}#root{width:100%;min-height:100vh}body{background:linear-gradient(-45deg,#000,#010,#000800,#001a00);background-size:400% 400%;animation:gradientShift 15s ease infinite}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.particles{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:-1}.particle{position:absolute;background:#00ff001a;border-radius:50%;animation:float 20s infinite linear}@keyframes float{0%{transform:translateY(100vh) rotate(0);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateY(-10vh) rotate(360deg);opacity:0}}.glass{background:#00140026;backdrop-filter:blur(20px);border:1px solid rgba(0,255,0,.1);border-radius:20px;box-shadow:0 8px 32px #00ff001a}.glow-green{box-shadow:0 0 20px #00ff004d,0 0 40px #0f03,inset 0 0 20px #00ff001a}html{scroll-behavior:smooth}*{box-sizing:border-box}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#000}::-webkit-scrollbar-thumb{background:#0f0;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#0c0}*{scrollbar-width:thin;scrollbar-color:#00ff00 #000000}