@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600;800&family=Outfit:wght@400;700;900&display=swap";
:root{--bg-color:#05050a;--text-color:#e0e0ff;--accent-cyan:#00e5ff;--accent-purple:#8a2be2;--accent-pink:#f0f;--glass-bg:#0f0f1973;--glass-border:#ffffff14}*{box-sizing:border-box;margin:0;padding:0}@keyframes gradient-bg{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}body{color:var(--text-color);background:linear-gradient(-45deg,#020205,#0b001a,#000b1a,#020205) 0 0/400% 400%;min-height:100vh;font-family:Inter,sans-serif;animation:15s infinite gradient-bg;overflow-x:hidden}body:after{content:"";opacity:.03;pointer-events:none;z-index:9999;background:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");width:100vw;height:100vh;position:fixed;top:0;left:0}h1,h2,h3,h4,h5,h6{font-family:Outfit,sans-serif}.glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:blur(24px);border:1px solid var(--glass-border);border-radius:24px;box-shadow:0 20px 50px #00000080,inset 0 0 0 1px #ffffff0d}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-12px)}to{transform:translateY(0)}}.floating{animation:6s ease-in-out infinite float}