:root{--color-sky-light:#f0f7ff;--color-sky-dark:#e0f2fe;--color-primary:#4f46e5;--color-primary-light:#818cf8;--color-pastel-blue:#bae6fd;--color-pastel-yellow:#fef08a;--color-pastel-pink:#fbcfe8;--color-pastel-coral:#fca5a5;--color-pastel-mint:#a7f3d0;--text-dark:#1e293b;--text-light:#64748b;--font-bubbly:"Fredoka", sans-serif;--font-body:"Quicksand", sans-serif;--border-radius-lg:24px;--border-radius-md:16px;--border-radius-sm:8px;--shadow-sm:0 4px 6px -1px #0000000d, 0 2px 4px -1px #00000008;--shadow-md:0 10px 15px -3px #00000014, 0 4px 6px -2px #0000000a;--shadow-lg:0 20px 25px -5px #0000001a, 0 10px 10px -5px #0000000a;--shadow-bubbly:0 8px 0px #0000001a;--shadow-bubbly-hover:0 4px 0px #0000001a;scroll-behavior:smooth}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);background:linear-gradient(135deg, var(--color-sky-light) 0%, var(--color-sky-dark) 100%);color:var(--text-dark);min-height:100vh;line-height:1.6;overflow-x:hidden}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--color-sky-light)}::-webkit-scrollbar-thumb{background:var(--color-primary-light);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:var(--color-primary)}h1,h2,h3,h4{font-family:var(--font-bubbly);color:var(--text-dark);line-height:1.25}h1{font-size:3.5rem;font-weight:700}h2{margin-bottom:1rem;font-size:2.5rem;font-weight:600}p{color:var(--text-light);font-size:1.15rem;font-weight:500}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 24px}section{padding:96px 0;position:relative}.btn-bubbly{font-family:var(--font-bubbly);border:3px solid var(--text-dark);background-color:var(--color-pastel-yellow);color:var(--text-dark);cursor:pointer;box-shadow:var(--shadow-bubbly);border-radius:9999px;align-items:center;gap:8px;padding:14px 32px;font-size:1.2rem;font-weight:600;text-decoration:none;transition:all .15s ease-in-out;display:inline-flex}.btn-bubbly:hover{box-shadow:var(--shadow-bubbly-hover);transform:translateY(4px)}.btn-bubbly:active{box-shadow:none;transform:translateY(8px)}.btn-bubbly.primary{background-color:var(--color-pastel-pink)}.btn-bubbly.coral{background-color:var(--color-pastel-coral)}.btn-bubbly.mint{background-color:var(--color-pastel-mint)}@keyframes float{0%{transform:translateY(0)rotate(0)}50%{transform:translateY(-12px)rotate(1.5deg)}to{transform:translateY(0)rotate(0)}}@keyframes float-reverse{0%{transform:translateY(0)rotate(0)}50%{transform:translateY(12px)rotate(-1.5deg)}to{transform:translateY(0)rotate(0)}}@keyframes pulse-soft{0%{transform:scale(1)}50%{transform:scale(1.03)}to{transform:scale(1)}}@keyframes wiggle{0%,to{transform:rotate(0)}25%{transform:rotate(-3deg)}75%{transform:rotate(3deg)}}@keyframes rainbow-border{0%{border-color:var(--color-pastel-pink)}25%{border-color:var(--color-pastel-yellow)}50%{border-color:var(--color-pastel-mint)}75%{border-color:var(--color-pastel-blue)}to{border-color:var(--color-pastel-pink)}}.animate-float{animation:6s ease-in-out infinite float}.animate-float-slow{animation:9s ease-in-out infinite float}.animate-float-reverse{animation:7s ease-in-out infinite float-reverse}.animate-pulse{animation:4s ease-in-out infinite pulse-soft}.hover-wiggle:hover{animation:.3s ease-in-out 2 wiggle}.card-bubbly{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:3px solid var(--text-dark);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-bubbly);background:#ffffffb3;padding:32px;transition:all .2s ease-in-out}.card-bubbly:hover{transform:translateY(-4px);box-shadow:0 12px #0000001a}.badge{font-family:var(--font-bubbly);border:2px solid var(--text-dark);border-radius:9999px;margin-bottom:12px;padding:6px 16px;font-size:.9rem;font-weight:600;display:inline-block}.badge.yellow{background-color:var(--color-pastel-yellow)}.badge.blue{background-color:var(--color-pastel-blue)}.badge.pink{background-color:var(--color-pastel-pink)}.badge.mint{background-color:var(--color-pastel-mint)}.badge.coral{background-color:var(--color-pastel-coral)}canvas#confetti-canvas{pointer-events:none;z-index:9999;width:100vw;height:100vh;position:fixed;top:0;left:0}