@import "https://fonts.googleapis.com/css2?family=Fredoka+One&family=Nunito:wght@400;600;700;800&display=swap";
:root{--sky:#87ceeb;--sunshine:#ffd93d;--grass:#6bcb77;--coral:#ff6b6b;--lavender:#c77dff;--ocean:#4d96ff;--peach:#ffb347;--mint:#a8e6cf;--bg:#fff9f0;--card-bg:#fff;--text-dark:#2d3436;--text-mid:#636e72}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background-color:var(--bg);color:var(--text-dark);min-height:100vh;font-family:Nunito,sans-serif;overflow-x:hidden}body:before{content:"";z-index:-1;background:radial-gradient(circle at 10% 20%,#ffd93d33 0%,#0000 40%),radial-gradient(circle at 90% 10%,#ff6b6b22 0%,#0000 35%),radial-gradient(circle at 80% 80%,#c77dff22 0%,#0000 40%),radial-gradient(circle at 20% 80%,#6bcb7722 0%,#0000 35%),radial-gradient(circle,#4d96ff11 0%,#0000 60%);background-color:var(--bg);position:fixed;inset:0}.floating-shapes{z-index:-1;pointer-events:none;position:fixed;inset:0;overflow:hidden}.shape{opacity:.12;border-radius:50%;animation:linear infinite floatShape;position:absolute}@keyframes floatShape{0%{opacity:0;transform:translateY(100vh)rotate(0)}10%{opacity:.12}90%{opacity:.12}to{opacity:0;transform:translateY(-150px)rotate(360deg)}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}::-webkit-scrollbar-thumb{background:var(--lavender);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--ocean)}