*{margin:0;padding:0;box-sizing:border-box}:root{--color-1: 0 100% 63%;--color-2: 270 100% 63%;--color-3: 210 100% 63%;--color-4: 195 100% 63%;--color-5: 90 100% 63%}html,body,#root{width:100%;overflow-x:hidden}::selection{background-color:#2563eb33;color:#2563eb}@keyframes float{0%,to{transform:translate(0)}25%{transform:translate(8px,-6px)}50%{transform:translate(-4px,10px)}75%{transform:translate(6px,4px)}}.animate-float{animation:float 6s ease-in-out infinite;will-change:transform}@keyframes rainbow{0%{background-position:0%}to{background-position:200%}}.animate-rainbow{animation:rainbow 2s infinite linear}.glow-btn{@apply relative overflow-hidden transition-all duration-300 active:scale-[.98];background:#0062ff;color:#fff;box-shadow:0 0 20px #0062ff4d}.glow-btn:before{content:"";@apply absolute inset-0 opacity-0 transition-opacity duration-300;background:radial-gradient(circle at center,rgba(255,255,255,.4) 0%,transparent 70%)}.glow-btn:hover{box-shadow:0 0 30px #0062ff80;@apply -translate-y-0.5;}.glow-btn:hover:before{@apply opacity-100;}.glow-btn[data-state=clicked]{@apply scale-95;}@layer utilities{.text-gradient{@apply bg-gradient-to-r from-blue-600 via-indigo-600 to-purple-600 bg-clip-text text-transparent;}.bgmd{background-image:radial-gradient(1200px 600px at 50% 100%,#ffffff59,#fff0 55%),radial-gradient(900px 500px at 85% 70%,#bae6fd59,#bae6fd00 60%),radial-gradient(900px 500px at 15% 65%,#bfdbfe59,#bfdbfe00 60%),linear-gradient(135deg,#2563eb,#3b82f6 45%,#38bdf8)}}