:root{--color-bg: #fff0f5;--color-primary: #ff69b4;--color-secondary: #9370db;--color-accent: #ffd700;--color-text: #4a4a4a;--font-heading: "Fredoka", sans-serif;--font-body: "Nunito", sans-serif;--shadow-soft: 0 10px 30px rgba(0, 0, 0, .1);--radius-large: 24px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);background-color:var(--color-bg);color:var(--color-text);line-height:1.6;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:600;color:var(--color-secondary)}.container{max-width:1200px;margin:0 auto;padding:0 20px}.btn{display:inline-block;padding:12px 30px;background:linear-gradient(45deg,var(--color-primary),var(--color-secondary));color:#fff;border-radius:50px;text-decoration:none;font-weight:700;font-family:var(--font-heading);transition:transform .3s ease,box-shadow .3s ease;border:none;cursor:pointer}.btn:hover{transform:translateY(-3px) scale(1.05);box-shadow:0 10px 20px #ff69b466}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-20px)}to{transform:translateY(0)}}.float-anim{animation:float 6s ease-in-out infinite}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn 1s ease-out forwards}@media (max-width: 768px){.container{padding:0 15px}h1{font-size:2.5rem!important}h2{font-size:2rem!important}p{font-size:1rem!important}.hero-content{padding:30px 20px!important;width:90%}.btn{padding:10px 25px;font-size:1rem}}