:root{--font-main: "Space Grotesk", sans-serif;--font-display: "Syne", sans-serif;--color-accent: #a855f7;--color-accent-glow: rgba(168, 85, 247, .5);--glass-bg: rgba(255, 255, 255, .03);--glass-border: rgba(255, 255, 255, .05)}body{font-family:var(--font-main);background-color:#050505;color:#f8fafc;margin:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}h1,h2,h3,.font-display{font-family:var(--font-display)}.glass{background:var(--glass-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);box-shadow:0 4px 30px #0000001a}.glass-panel{background:linear-gradient(180deg,#ffffff0d,#ffffff03);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.08);box-shadow:0 8px 32px #0000004d}.glass-button{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);transition:all .3s ease}.glass-button:hover{background:#ffffff1a;border-color:var(--color-accent);box-shadow:0 0 15px var(--color-accent-glow)}.purple-glow{box-shadow:0 0 60px #a855f726}.text-glow{text-shadow:0 0 12px var(--color-accent-glow)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#333;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#444}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}.animate-float{animation:float 6s ease-in-out infinite}@keyframes pulse-glow{0%,to{box-shadow:0 0 20px #a855f71a}50%{box-shadow:0 0 40px #a855f74d}}.animate-pulse-glow{animation:pulse-glow 3s infinite}