@import "https://fonts.googleapis.com/css2?family=Fredoka:wght@300;400;500;600;700&family=Inter:wght@300;400;500;600&display=swap";
:root{--bg-start:#0a0a14;--bg-mid:#14141f;--bg-end:#1e1e2d;--foreground:#fcfcfc;--foreground-muted:#8e8e9c;--accent-cyan:#00f3ff;--accent-yellow:#f3ff00;--accent-pink:#ff00f3;--accent-lime:#0f2;--font-headline:"Fredoka",sans-serif;--font-body:"Inter",sans-serif;--spacing-unit:8px;--ease-elastic:cubic-bezier(.68,-.6,.32,1.6);--transition-elastic:.5s var(--ease-elastic)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html,body{background:radial-gradient(circle at center,var(--bg-mid)0%,var(--bg-start)100%);max-width:100vw;min-height:100vh;color:var(--foreground);font-family:var(--font-body);overscroll-behavior:none;-webkit-font-smoothing:antialiased;overflow-x:hidden}body:before{content:"";opacity:.05;pointer-events:none;z-index:1000;background-image: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:100%;height:100%;position:fixed;top:0;left:0}h1,h2,h3,.rounded-font{font-family:var(--font-headline);font-weight:500}a{color:inherit;text-decoration:none}.elastic-button{background:var(--accent-cyan);color:#000;font-family:var(--font-headline);cursor:pointer;transition:transform .4s var(--ease-elastic),background .3s ease;border:none;border-radius:999px;padding:1rem 2.5rem;font-size:1.25rem;font-weight:600;display:inline-flex}.elastic-button:hover{background:var(--accent-yellow);transform:scale(1.08)rotate(-1deg)}.elastic-button:active{transform:scale(.92)}.wobble-card{transition:transform .5s var(--ease-elastic)}.wobble-card:hover{transform:translateY(-8px)scale(1.02)rotate(1deg)}.bg-gradient-soft{background:radial-gradient(circle at 100% 0,#1e1e46 0%,#0a0a14 100%)}canvas{touch-action:none}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.animate-float{animation:4s ease-in-out infinite float}