*{margin:0;padding:0;box-sizing:border-box}body{font-family:Poppins,sans-serif;overflow-x:hidden;margin:0;padding:0;min-width:320px;min-height:100vh;background:#000}#root{width:100%;min-height:100vh}html{scroll-behavior:smooth;overflow-x:hidden}.gradient-bg{background:linear-gradient(-45deg,#000,#1a0033,#306,#0a0a2e,#001a33);background-size:400% 400%;animation:gradient 15s ease infinite}@keyframes gradient{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.text-neon-pink{color:#ff006e;text-shadow:0 0 5px rgba(255,0,110,.3),0 0 10px rgba(255,0,110,.2)}.text-neon-blue{color:#00f5ff;text-shadow:0 0 5px rgba(0,245,255,.3),0 0 10px rgba(0,245,255,.2)}.text-neon-purple{color:#8b5cf6;text-shadow:0 0 5px rgba(139,92,246,.3),0 0 10px rgba(139,92,246,.2)}.text-neon-green{color:#0f8;text-shadow:0 0 5px rgba(0,255,136,.3),0 0 10px rgba(0,255,136,.2)}.text-gradient-rainbow{background:linear-gradient(90deg,#ff006e,#8b5cf6,#00f5ff,#0f8,#ffbe0b);background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradient 3s ease infinite}.text-gradient-cosmic{background:linear-gradient(135deg,#667eea,#764ba2,#f093fb,#4facfe,#00f2fe);background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradient 5s ease infinite}.glass{background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);box-shadow:0 4px 16px #0003}.glass-dark{background:#0000004d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1)}.neon-border{border:2px solid transparent;background:linear-gradient(#000,#000) padding-box,linear-gradient(90deg,#ff006e,#8b5cf6,#00f5ff) border-box;animation:gradient 3s ease infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.float-animation{animation:float 6s ease-in-out infinite}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{background:#000}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#ff006e,#8b5cf6,#00f5ff);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#00f5ff,#8b5cf6,#ff006e)}.particle{position:absolute;border-radius:50%;pointer-events:none}.glow-pink{box-shadow:0 0 10px #ff006e33,0 0 20px #ff006e1a}.glow-blue{box-shadow:0 0 10px #00f5ff33,0 0 20px #00f5ff1a}.glow-purple{box-shadow:0 0 10px #8b5cf633,0 0 20px #8b5cf61a}.glow-rainbow{box-shadow:0 0 10px #ff006e26,0 0 20px #8b5cf626,0 0 30px #00f5ff26;animation:glow 2s ease-in-out infinite}@keyframes glow{0%,to{box-shadow:0 0 10px #ff006e26,0 0 20px #8b5cf626,0 0 30px #00f5ff26}50%{box-shadow:0 0 15px #ff006e40,0 0 25px #8b5cf640,0 0 35px #00f5ff40}}.hide-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.hide-scrollbar::-webkit-scrollbar{display:none}@media(max-width:768px){.hide-scrollbar-mobile{-webkit-overflow-scrolling:touch;-ms-overflow-style:none;scrollbar-width:none}.hide-scrollbar-mobile::-webkit-scrollbar{display:none}}