@import "https://fonts.googleapis.com/css2?family=Fredoka+One&family=Montserrat:wght@400;500;600;700&display=swap";:root{--primary:#8300e9;--primary-light:#8300e999;--primary-glow:#8300e926;--accent:#ff7f59;--accent-pink:#ff236c;--green:#0db14b;--white:#fff;--dark:#1a1a2e;--gray-light:#f8f9fa;--gray:#6c757d;--gray-dark:#333;--shadow:0 8px 32px #8300e926;--shadow-hover:0 12px 48px #8300e940;--radius:16px;--radius-lg:24px;--radius-pill:50px}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{color:var(--dark);background:var(--white);-webkit-font-smoothing:antialiased;font-family:Montserrat,sans-serif;font-size:16px;line-height:1.7}h1,h2,h3,h4,h5,h6{font-family:Fredoka One,cursive;font-weight:400;line-height:1.3}a{color:var(--primary);text-decoration:none;transition:color .3s}a:hover{color:var(--accent-pink)}img{max-width:100%;height:auto;display:block}.container{max-width:1200px;margin:0 auto;padding:0 24px}.btn{text-transform:uppercase;letter-spacing:3px;border-radius:var(--radius-pill);cursor:pointer;text-align:center;border:none;padding:14px 36px;font-family:Fredoka One,cursive;font-size:14px;text-decoration:none;transition:all .3s;display:inline-block}.btn-primary{background:var(--primary);color:var(--white);box-shadow:0 8px 24px #8300e94d}.btn-primary:hover{color:var(--white);background:#9b30ff;transform:translateY(-2px);box-shadow:0 12px 32px #8300e966}.btn-white{background:var(--white);color:var(--accent-pink);box-shadow:0 8px 48px #0000001f}.btn-white:hover{color:var(--accent-pink);transform:translateY(-2px);box-shadow:0 12px 56px #0000002e}.btn-green{background:var(--green);color:var(--white);box-shadow:0 8px 24px #0db14b4d}.btn-green:hover{color:var(--white);background:#0ec754;transform:translateY(-2px)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes wave{0%{transform:rotate(0)}10%{transform:rotate(14deg)}20%{transform:rotate(-8deg)}30%{transform:rotate(14deg)}40%{transform:rotate(-4deg)}50%{transform:rotate(10deg)}60%{transform:rotate(0)}to{transform:rotate(0)}}.fade-in{animation:.6s forwards fadeInUp}.fade-in-delay-1{opacity:0;animation-delay:.15s}.fade-in-delay-2{opacity:0;animation-delay:.3s}.fade-in-delay-3{opacity:0;animation-delay:.45s}@media (width<=768px){.container{padding:0 16px}h1{font-size:2rem}h2{font-size:1.5rem}}