/* Kid Friendly Enhancements (extracted from inline Blade) */
/* TODO: merge/minify in build pipeline if needed */
:root { --kid-pink:#FF6EC7; --kid-yellow:#FFD93D; --kid-blue:#4AA3F0; --kid-green:#4AD59F; --kid-purple:#8B5CF6; }
body { font-family: 'Baloo 2','Poppins',sans-serif; }
h1,h2,h3,h4,.logo h1 { font-family:'Fredoka One','Baloo 2',cursive; letter-spacing:.5px; }
#hero { position:relative; overflow:hidden; background:linear-gradient(135deg,#ffffff 0%,#e8f7ff 55%,#ffe6fb 100%); }
#hero h1 span { text-shadow:0 4px 10px rgba(0,0,0,.15); }
.floating-shape { position:absolute; width:120px; height:120px; opacity:.25; animation:float 9s ease-in-out infinite; filter:drop-shadow(0 4px 6px rgba(0,0,0,.2)); }
.floating-shape.shape-1 { top:8%; left:6%; background:radial-gradient(circle at 30% 30%, var(--kid-yellow), var(--kid-pink)); animation-duration:11s; border-radius:34% 66% 58% 42% / 38% 37% 63% 62%; }
.floating-shape.shape-2 { bottom:12%; left:15%; background:radial-gradient(circle at 70% 40%, var(--kid-blue), var(--kid-purple)); animation-duration:10s; border-radius:53% 47% 63% 37% / 46% 61% 39% 54%; }
.floating-shape.shape-3 { top:18%; right:10%; background:radial-gradient(circle at 50% 50%, var(--kid-green), var(--kid-blue)); animation-duration:13s; border-radius:41% 59% 34% 66% / 65% 31% 69% 35%; }
.floating-star { position:absolute; font-size:40px; color:var(--kid-yellow); animation:twinkle 3.5s ease-in-out infinite; }
.floating-star.star-1 { top:12%; right:28%; animation-delay:.3s; }
.floating-star.star-2 { bottom:18%; right:14%; animation-delay:1.2s; }
.floating-star.star-3 { top:30%; left:22%; animation-delay:2s; }
@keyframes float { 0%,100% { transform:translateY(0) rotate(0deg);} 50% { transform:translateY(-40px) rotate(20deg);} }
@keyframes twinkle { 0%,100% { transform:scale(1); opacity:.9;} 50% { transform:scale(1.35) rotate(10deg); opacity:.4;} }
#hero .download-btn { background:var(--kid-pink); border:0; padding:14px 26px 14px 50px; display:inline-flex; gap:8px; align-items:center; font-weight:600; border-radius:50px; box-shadow:0 10px 24px -8px rgba(255,110,199,.55); transition:.35s; }
#hero .download-btn:hover { background:var(--kid-yellow); color:#222; transform:translateY(-4px) scale(1.03); box-shadow:0 16px 26px -10px rgba(0,0,0,.25); }
.features .icon-box { position:relative; background:#fff; border:0; padding:28px 24px 30px; box-shadow:0 6px 18px -8px rgba(0,0,0,.18); border-radius:22px; overflow:hidden; transition:.45s; }
.features .icon-box:before { content:""; position:absolute; width:140%; height:140%; left:-20%; top:-110%; background:linear-gradient(135deg,var(--kid-pink),var(--kid-yellow)); transform:rotate(12deg); opacity:0; transition:.6s; }
.features .icon-box i { background:linear-gradient(135deg,var(--kid-blue),var(--kid-purple)); -webkit-background-clip:text; background-clip:text; color:transparent; font-size:36px; margin-bottom:12px; display:inline-block; }
.features .icon-box h4 { font-weight:700; font-size:20px; }
.features .icon-box:hover { transform:translateY(-10px) rotate(-1deg); box-shadow:0 20px 30px -12px rgba(0,0,0,.2); }
.features .icon-box:hover:before { top:-40%; opacity:.18; }
.features .icon-box p { position:relative; z-index:1; }
#faq .accordion-list ul li { background:#fff; border-radius:18px; margin-bottom:16px; padding:18px 22px; box-shadow:0 6px 18px -10px rgba(0,0,0,.12); transition:.45s; }
#faq .accordion-list ul li:hover { transform:translateX(4px); }
#faq .icon-help { color:var(--kid-blue); }
#testimonial .mySlides>div { position:relative; border:4px solid #fff; background:#fff linear-gradient(145deg,#fff,#f6f6ff); }
#testimonial .mySlides q { quotes:none; }
#testimonial .mySlides q:before { content:""; }
#testimonial .mySlides:after { content:"\2728"; position:absolute; font-size:42px; color:var(--kid-yellow); top:-12px; right:-8px; animation:twinkle 4s infinite; }
.testimonial-avatar { width:68px; height:68px; border-radius:50%; background:linear-gradient(135deg,var(--kid-blue),var(--kid-green)); display:flex; align-items:center; justify-content:center; font-size:30px; color:#fff; position:absolute; top:-24px; left:-24px; box-shadow:0 6px 14px -6px rgba(0,0,0,.25); animation:float 8s infinite; }
#contact form { background:#fff; padding:30px 26px; border-radius:26px; box-shadow:0 10px 30px -14px rgba(0,0,0,.25); position:relative; overflow:hidden; }
#contact form:before { content:""; position:absolute; width:260px; height:260px; background:radial-gradient(circle,var(--kid-purple) 0%, rgba(139,92,246,0) 70%); top:-120px; right:-120px; opacity:.25; }
#contact input,#contact textarea { border-radius:14px !important; }
#contact button { background:linear-gradient(135deg,var(--kid-green),var(--kid-blue)); border:0; padding:12px 30px; border-radius:40px; font-weight:600; letter-spacing:.5px; box-shadow:0 6px 18px -6px rgba(0,0,0,.3); transition:.35s; }
#contact button:hover { transform:translateY(-4px); }
@media (max-width:991px){ .floating-shape,.floating-star { display:none; } }