:root{--color-purple: #7B2FF7;--color-purple-dark: #5A1DB8;--color-purple-light: #A855F7;--color-pink: #FF6B9D;--color-pink-hot: #FF3D7F;--color-yellow: #FFD93D;--color-yellow-light: #FFF176;--color-orange: #FF8C42;--color-green: #4ADE80;--color-green-dark: #22C55E;--color-blue: #38BDF8;--color-blue-dark: #0EA5E9;--color-red: #FF5252;--color-black: #1A1A2E;--color-dark: #16213E;--color-white: #FFFFFF;--color-cream: #FFF8E7;--color-bg: #FDF6FF;--font-display: "Fredoka", sans-serif;--font-body: "Baloo 2", cursive, sans-serif;--radius-sm: 12px;--radius-md: 20px;--radius-lg: 30px;--radius-xl: 40px;--shadow-sm: 0 2px 8px rgba(123, 47, 247, .15);--shadow-md: 0 4px 20px rgba(123, 47, 247, .2);--shadow-lg: 0 8px 40px rgba(123, 47, 247, .25);--shadow-glow: 0 0 30px rgba(123, 47, 247, .3)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth;-webkit-tap-highlight-color:transparent}body{font-family:var(--font-body);background:var(--color-bg);color:var(--color-black);min-height:100vh;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(circle at 20% 80%,rgba(255,107,157,.08) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(123,47,247,.08) 0%,transparent 50%),radial-gradient(circle at 40% 40%,rgba(255,217,61,.06) 0%,transparent 50%),radial-gradient(circle at 90% 90%,rgba(74,222,128,.06) 0%,transparent 50%);pointer-events:none;z-index:0}a{text-decoration:none;color:inherit}ul,ol{list-style:none}img{max-width:100%;height:auto;display:block}button{cursor:pointer;border:none;outline:none;font-family:var(--font-body)}.container{width:100%;max-width:1280px;margin:0 auto;padding:0 16px}@media(min-width:768px){.container{padding:0 24px}}.btn-primary{background:linear-gradient(135deg,var(--color-purple),var(--color-pink));color:#fff;padding:14px 32px;border-radius:var(--radius-lg);font-size:1.1rem;font-weight:700;font-family:var(--font-display);border:3px solid transparent;box-shadow:var(--shadow-md),inset 0 -3px #00000026;transition:all .3s cubic-bezier(.34,1.56,.64,1);position:relative;overflow:hidden}.btn-primary:hover{transform:translateY(-3px) scale(1.05);box-shadow:var(--shadow-lg)}.btn-primary:active{transform:translateY(0) scale(.98);box-shadow:var(--shadow-sm)}.btn-secondary{background:linear-gradient(135deg,var(--color-yellow),var(--color-orange));color:var(--color-black);padding:14px 32px;border-radius:var(--radius-lg);font-size:1.1rem;font-weight:700;font-family:var(--font-display);border:3px solid transparent;box-shadow:0 4px 15px #ff8c424d,inset 0 -3px #0000001a;transition:all .3s cubic-bezier(.34,1.56,.64,1)}.btn-secondary:hover{transform:translateY(-3px) scale(1.05);box-shadow:0 8px 30px #ff8c4266}.btn-secondary:active{transform:translateY(0) scale(.98)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--color-cream)}::-webkit-scrollbar-thumb{background:linear-gradient(var(--color-purple-light),var(--color-pink));border-radius:10px}::selection{background:var(--color-yellow);color:var(--color-black)}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes wiggle{0%,to{transform:rotate(0)}25%{transform:rotate(-5deg)}75%{transform:rotate(5deg)}}@keyframes bounce-in{0%{transform:scale(0);opacity:0}50%{transform:scale(1.15)}to{transform:scale(1);opacity:1}}@keyframes sparkle{0%,to{opacity:0;transform:scale(0) rotate(0)}50%{opacity:1;transform:scale(1) rotate(180deg)}}@keyframes slide-up{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes rainbow-shift{0%{filter:hue-rotate(0deg)}to{filter:hue-rotate(360deg)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 20px #7b2ff74d}50%{box-shadow:0 0 40px #7b2ff799}}