@import "https://fonts.googleapis.com/css2?family=Fredoka:wght@400;500;600;700&family=Outfit:wght@300;400;600;700;800&display=swap";
:root{--font-kids:"Fredoka", "Quicksand", system-ui, sans-serif;--font-ui:"Outfit", system-ui, sans-serif;--bg-deep:#0b0f19;--bg-card:#ffffff0a;--bg-card-hover:#ffffff14;--border-glass:#ffffff14;--border-glass-hover:#fff3;--text-primary:#fff;--text-secondary:#94a3b8;--text-muted:#64748b;--color-magic-cyan:#00f2fe;--color-magic-purple:#9b51e0;--color-magic-pink:#ff007f;--color-magic-yellow:gold;--color-magic-green:#00e676;--grad-magic:linear-gradient(135deg, var(--color-magic-cyan) 0%, var(--color-magic-purple) 100%);--grad-pink:linear-gradient(135deg, var(--color-magic-pink) 0%, var(--color-magic-purple) 100%);--grad-gold:linear-gradient(135deg, var(--color-magic-yellow) 0%, #ff8c00 100%);--shadow-magic:0 8px 32px 0 #00f2fe26;--shadow-purple:0 8px 32px 0 #9b51e033;--shadow-glow:0 0 20px #00f2fe66}*{box-sizing:border-box;margin:0;padding:0}html,body{max-width:100vw;height:100%;overflow-x:hidden}body{background-color:var(--bg-deep);min-height:100vh;color:var(--text-primary);font-family:var(--font-kids);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-image:radial-gradient(circle at 10% 20%,#00f2fe0d 0%,#0000 40%),radial-gradient(circle at 90% 80%,#9b51e00f 0%,#0000 40%),radial-gradient(circle,#ff007f08 0%,#0000 50%);background-attachment:fixed;flex-direction:column;display:flex}main{flex:1}h1,h2,h3,h4,h5,h6{font-family:var(--font-ui);letter-spacing:-.02em;font-weight:700}.glass{background:var(--bg-card);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-glass);border-radius:24px;transition:all .4s cubic-bezier(.16,1,.3,1)}.glass:hover{background:var(--bg-card-hover);border-color:var(--border-glass-hover);box-shadow:0 10px 40px -10px #00000080}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--bg-deep)}::-webkit-scrollbar-thumb{border:2px solid var(--bg-deep);background:#ffffff1a;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--color-magic-cyan)}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-8px)}to{transform:translateY(0)}}@keyframes pulse-glow{0%{box-shadow:0 0 5px #00f2fe33}50%{box-shadow:0 0 20px #00f2fe99}to{box-shadow:0 0 5px #00f2fe33}}.float-element{animation:4s ease-in-out infinite float}.pulse-element{animation:2s ease-in-out infinite pulse-glow}