body {
  cursor: url('images/cursor_32.png') 16 16, auto;
}
*,::before,::after{box-sizing:border-box;margin:0;padding:0}
:root{
  --pink:#FF3366;--purple:#9D4CDD;--cyan:#00C2FF;--gold:#FFB800;
  --dark:#1a0b3d;--bg:#FAFAFF;
  --r:1rem;
}
html{scroll-behavior:smooth}
body{font-family:'Nunito',sans-serif;background:var(--bg);color:#1A1A24;overflow-x:hidden}
h1,h2,h3,h4,h5,h6{font-family:'Fredoka',sans-serif}

/* ─── CURSOR GLOW ─── */
.cursor-glow{pointer-events:none;position:fixed;width:250px;height:250px;border-radius:50%;background:radial-gradient(circle,rgba(255, 51, 102, 0.432) 0%,rgba(157,76,221,.1) 45%,transparent 70%);filter:blur(40px);transform:translate(-50%,-50%);z-index:0;transition:opacity .3s;will-change:left,top}

/* ─── NAV ─── */
nav{position:fixed;top:0;left:0;right:0;z-index:100;padding:.5rem 1.5rem;transition:all .4s}
/* nav.scrolled{background:rgba(255,255,255,.85);backdrop-filter:blur(20px);box-shadow:0 4px 30px rgba(0,0,0,.08)} */
.nav-inner{max-width:80rem;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:1rem;background:rgba(255,255,255,.65);backdrop-filter:blur(24px);border:2px solid rgba(255,255,255,.75);border-radius:9999px;padding:.75rem 1.5rem;box-shadow:0 8px 32px rgba(0,0,0,.06);transition:all .4s}
.logo{display:flex;align-items:center;gap:.6rem;text-decoration:none;cursor:pointer}
.logo-icon{width:44px;height:44px;border-radius:14px;background:linear-gradient(135deg,#FF3366,#9D4CDD,#00C2FF);display:flex;align-items:center;justify-content:center;transition:transform .3s;box-shadow:0 8px 20px rgba(255,51,102,.3)}
.logo-icon:hover{transform:scale(1.1) rotate(6deg)}
.logo-icon svg{color:#fff}
.logo-text{font-family:'Fredoka',sans-serif;font-size:1.3rem;font-weight:700;letter-spacing:-.02em}
.logo-text span:first-child{background:linear-gradient(135deg,#FF3366,#9D4CDD,#00C2FF);-webkit-background-clip:text;background-clip:text;color:transparent}
.logo-text span:last-child{color:#1A1A24}
.nav-links{display:none;list-style:none;align-items:center;gap:.25rem}
@media(min-width:1024px){.nav-links{display:flex}}
.nav-links a{padding:.5rem 1rem;border-radius:9999px;font-size:.9rem;font-weight:700;color:#334155;text-decoration:none;transition:all .2s;cursor:pointer}
.nav-links a:hover{color:var(--pink);background:rgba(255,255,255,.7)}
.btn-glow{background:linear-gradient(135deg,#FF3366,#FF6B93);color:#fff;font-weight:700;padding:.6rem 1.4rem;border-radius:9999px;border:none;cursor:pointer;font-size:.9rem;box-shadow:0 10px 30px rgba(255,51,102,.35);transition:all .3s;display:none}
@media(min-width:768px){.btn-glow{display:block}}
.btn-glow:hover{transform:translateY(-2px);box-shadow:0 15px 40px rgba(255,51,102,.5)}

/* ─── HERO ─── */
#hero{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;padding:7rem 1.5rem 4rem;}
.hero-h1 span { color: #ec4899; -webkit-text-stroke: 8px #1a0030; paint-order: stroke fill; letter-spacing: 3px;}
.hero-bg-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;opacity:1}
.hero-overlay{position:absolute;inset:0;background:linear-gradient(to bottom,transparent 0%,rgba(250,250,255,.15) 50%,#FAFAFF 100%);z-index:-1}
.blob{position:absolute;border-radius:50%;filter:blur(60px);animation:blob 18s ease-in-out infinite;z-index:-1;pointer-events:none}
.blob1{width:22rem;height:22rem;top:8rem;left:-5rem;background:rgba(249,168,212,.45);animation-delay:0s}
.blob2{width:28rem;height:28rem;bottom:2rem;right:-3rem;background:rgba(147,197,253,.45);animation-delay:4s}
.blob3{width:20rem;height:20rem;top:5rem;right:8rem;background:rgba(254,240,138,.55);animation-delay:8s}
@keyframes blob{0%,100%{transform:translate(0,0) scale(1)}33%{transform:translate(30px,-40px) scale(1.1)}66%{transform:translate(-20px,20px) scale(.95)}}

.hero-content{max-width:1200px;width:100%;margin:0 auto;display:grid;gap:2.5rem;align-items:center}
@media(min-width:1024px){.hero-content{grid-template-columns:8fr 4fr}}
.hero-left{text-align:center}
@media(min-width:1024px){.hero-left{text-align:left}}

.hero-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1.2rem;border-radius:9999px;background:rgba(255,255,255,.7);backdrop-filter:blur(12px);border:1.5px solid rgba(255,255,255,.8);box-shadow:0 4px 20px rgba(0,0,0,.06);font-size:.85rem;font-weight:700;color:#334155;margin-bottom:1.5rem;opacity:0;transform:translateY(30px);animation:fadeUp .7s .2s forwards}
.hero-h1{font-size:clamp(2.5rem,6vw,4.5rem);font-weight:700;letter-spacing:-.03em;line-height:1.05;color:#1A1A24;opacity:0;transform:translateY(40px);animation:fadeUp .8s .35s forwards}
.grad-primary{background:linear-gradient(135deg,#FF3366 0%,#9D4CDD 50%,#00C2FF 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.grad-sunny{background:linear-gradient(135deg,#FFB800 0%,#FF6B93 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero-p{margin-top:1.5rem;font-size:1.1rem;color:#475569;font-weight:600;max-width:41rem;line-height:1.7;opacity:0;transform:translateY(40px);animation:fadeUp .8s .5s forwards}
@media(min-width:1024px){.hero-p{margin-left:0}}
.hero-p{margin-left:0;margin-right:auto}

.hero-btns{margin-top:2rem;display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;opacity:0;transform:translateY(40px);animation:fadeUp .8s .65s forwards}
@media(min-width:1024px){.hero-btns{justify-content:flex-start}}
.btn-primary{background:linear-gradient(135deg,#FF3366,#FF6B93);color:#fff;font-weight:700;font-size:1rem;padding:1rem 1.75rem;border-radius:9999px;border:none;cursor:pointer;display:inline-flex;align-items:center;gap:.5rem;box-shadow:0 10px 30px rgba(255,51,102,.4);transition:all .3s}
.btn-primary:hover{transform:translateY(-3px);box-shadow:0 18px 45px rgba(255,51,102,.55)}
.btn-accent{background:linear-gradient(135deg,#00C2FF,#9D4CDD);color:#fff;font-weight:700;font-size:1rem;padding:1rem 1.75rem;border-radius:9999px;border:none;cursor:pointer;display:inline-flex;align-items:center;gap:.5rem;box-shadow:0 10px 30px rgba(157,76,221,.4);transition:all .3s}
.btn-accent:hover{transform:translateY(-3px);box-shadow:0 18px 45px rgba(157,76,221,.55)}
.hero-stat{margin-top:2.5rem;display:flex;align-items:center;gap:1.25rem;justify-content:center;opacity:0;animation:fadeUp .8s .8s forwards}
@media(min-width:1024px){.hero-stat{justify-content:flex-start}}
.eq-bars{display:flex;align-items:flex-end;gap:3px;height:2.5rem}
.eq-bar{width:6px;border-radius:3px;animation:eq 1.2s ease-in-out infinite}
@keyframes eq{0%,100%{height:8px}50%{height:32px}}
.hero-stat-text{font-size:.95rem;font-weight:700;color:#475569}
.hero-stat-text span{color:var(--pink);font-weight:900}




.line1{display:flex;align-items:center;gap:.5rem;margin-bottom:.3rem;flex-wrap:wrap}
  .word-building{font-family:'Fredoka',sans-serif;font-size:clamp(2.5rem,6vw,4.438rem);font-weight:700;letter-spacing:-.03em;line-height:1.05;color:#1A1A24;opacity:0;transform:translateY(40px);animation:fadeUp .8s .35s forwards}
  .word-building::after{content:'';position:absolute;left:4px;bottom:-4px;width:83%;height:5px;background:#FFB800;border-radius:9999px;transform:rotate(-.5deg)}

  .star-icon{display:inline-block;animation:spin 6s linear infinite;font-size:1.8rem;color:#FFB800}
  @keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}

  .line2{display:flex;align-items:center;gap:.6rem;margin-bottom:.3rem;flex-wrap:wrap}
  .word-future{font-family:'Fredoka';font-weight: 700; font-size:clamp(2.4rem,6vw,4.438rem);color:#fff;letter-spacing:-.01em;display:inline-block}

  .bubble-genius{display:inline-block;background:#FF3366;color:#fff;font-family:'Fredoka One',cursive;font-size:clamp(2.2rem,5.5vw,3.9rem);padding:.05em .45em .12em;border-radius:22px;letter-spacing:-.01em;position:relative;line-height:1.15;transform:rotate(-1.5deg);box-shadow:4px 5px 0 #b8003a}
  .bubble-genius::before{content:'';position:absolute;bottom:-12px;left:28px;width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-top:13px solid #FF3366}
  .bubble-genius::after{content:'';position:absolute;bottom:-17px;left:30px;width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-top:11px solid #b8003a}

  .line3{display:flex;align-items:baseline;gap:.5rem;flex-wrap:wrap;margin-top:.5rem}
  .word-through{font-family: 'Fredoka'; font-weight: 700; font-size: clamp(2.5rem, 6vw, 4.4rem); color: #1a1a24; letter-spacing: -.01em;}
  .crayon-fun{display:inline-block;position:relative;font-family: 'Fredoka'; font-weight: 700; font-size: clamp(2.5rem, 6vw, 4.4rem); color: #1a1a24; letter-spacing: -.01em;}
  .crayon-fun .underscribble{position:absolute;bottom:-6px;left:0;width:100%}

  .word-learning{font-family:'Fredoka',cursive;font-weight: 700; font-size:clamp(2.5rem, 6vw, 4.5rem);background:linear-gradient(135deg,#00C2FF,#9D4CDD);-webkit-background-clip:text;background-clip:text;color:transparent;display:inline-block;letter-spacing:-.01em;animation:wobble 3s ease-in-out infinite}
  @keyframes wobble{0%,100%{transform:skewX(0deg)}25%{transform:skewX(-2deg)}75%{transform:skewX(2deg)}}

/* 3D HERO VISUAL */
.hero-right{position:relative;height:26rem}
@media(min-width:768px){.hero-right{height:34rem}}
.hero-mascot-wrap{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;perspective:400px}
.mascot-img{width:clamp(413px,55%,260px);z-index:10;position:relative;opacity:0;transition:opacity .8s .9s}
.mascot-img.visible{opacity:1}
@keyframes float3d{0%,100%{transform:translateY(0) rotateY(-8deg) rotateX(3deg)}50%{transform:translateY(-20px) rotateY(8deg) rotateX(-3deg)}}
.hero-rocket{position:absolute;top:0rem;right:-1rem;width:15.2rem;animation:floatR 5s ease-in-out infinite;opacity:0;transition:opacity 1s 1.1s}
.hero-rocket.visible{opacity:1}
@keyframes floatR{0%,100%{transform:translateY(0) rotate(5deg)}50%{transform:translateY(-18px) rotate(-5deg)}}
.hero-books{position:absolute;bottom:1rem;left:-4.5rem;width:15.2rem;filter:drop-shadow(0 10px 25px rgba(0,194,255,.3));animation:floatB 7s ease-in-out infinite 1s;opacity:0;transition:opacity 1s 1.3s}
.hero-books.visible{opacity:1}
@keyframes floatB{0%,100%{transform:translateY(0) rotate(-5deg)}50%{transform:translateY(-15px) rotate(5deg)}}
.hero-badge-3d{position:absolute;padding:.6rem 1.2rem;border-radius:1.2rem;backdrop-filter:blur(24px);background:rgba(255,255,255,.7);border:2px solid rgba(255,255,255,.8);box-shadow:0 8px 32px rgba(0,0,0,.08);font-family:'Fredoka',sans-serif;font-weight:700;font-size:1.2rem;animation:badgeFloat 4s ease-in-out infinite}
.badge-abc{top:2.5rem;left:-4.5rem;color:var(--purple);animation-delay:0s}
.badge-123{bottom:3rem;right:1rem;color:var(--cyan);animation-delay:1.5s}
@keyframes badgeFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}

/* ─── SCROLL ANIMATIONS ─── */
@keyframes fadeUp{to{opacity:1;transform:none}}
.reveal{opacity:0;transform:translateY(50px);transition:opacity .7s ease,transform .7s ease}
.reveal.active{opacity:1;transform:none}
.reveal-left{opacity:0;transform:translateX(-60px);transition:opacity .8s ease,transform .8s ease}
.reveal-left.active{opacity:1;transform:none}
.reveal-right{opacity:0;transform:translateX(60px);transition:opacity .8s ease,transform .8s ease}
.reveal-right.active{opacity:1;transform:none}
.reveal-scale{opacity:0;transform:scale(.85);transition:opacity .7s ease,transform .7s ease}
.reveal-scale.active{opacity:1;transform:none}
.stagger-1{transition-delay:0s}
.stagger-2{transition-delay:0s}
.stagger-3{transition-delay:0s}
.stagger-4{transition-delay:0s}
.stagger-5{transition-delay:0s}
.stagger-6{transition-delay:0s}

/* ─── SCROLL INDICATOR ─── */
.scroll-indicator{position:absolute;bottom:2rem;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:.5rem;color:#94a3b8;animation:fadeUp .8s 1.2s forwards;opacity:0}
.scroll-indicator span{font-size:.7rem;font-weight:700;letter-spacing:.15em}
.scroll-wheel{width:24px;height:40px;border-radius:12px;border:2px solid #94a3b8;display:flex;justify-content:center;padding-top:.4rem}
.scroll-dot{width:4px;height:8px;border-radius:2px;background:#94a3b8;animation:scrollDot 2s ease-in-out infinite}
@keyframes scrollDot{0%,100%{transform:translateY(0);opacity:1}50%{transform:translateY(10px);opacity:.3}}

/* ─── SECTIONS ─── */
section{padding:6rem 1.5rem}
.section-inner{max-width:1200px;margin:0 auto}
.eyebrow{display:inline-block;padding:.4rem 1.1rem;border-radius:9999px;font-size:.85rem;font-weight:700;margin-bottom:1.25rem}
.ey-pink{background:rgba(255,51,102,.1);color:var(--pink)}
.ey-yellow{background:rgba(255,184,0,.15);color:#b45309}
.ey-purple{background:rgba(157,76,221,.1);color:var(--purple)}
.ey-sky{background:rgba(0,194,255,.1);color:#0284c7}
.ey-emerald{background:rgba(16,185,129,.1);color:#047857}
.ey-orange{background:rgba(249,115,22,.1);color:#c2410c}
.ey-blue{background:rgba(59,130,246,.1);color:#1d4ed8}
.section-h2{font-size:clamp(2rem,4.5vw,3.2rem);font-weight:700;letter-spacing:-.025em;line-height:1.15;color:#0f172a}

/* ─── GLASS CARD ─── */
.glass{backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);background:rgba(255,255,255,.65);border:2px solid rgba(255,255,255,.75);box-shadow:0 8px 32px rgba(0,0,0,.06);border-radius:1.5rem}

/* ─── ABOUT ─── */
#about .grid{display:grid;gap:3rem;align-items:center; max-width: 1200px; margin: 0 auto;}
@media(min-width:1024px){#about .grid{grid-template-columns:1fr 1fr}}
.pillars-grid{margin-top:2rem;display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}
.pillar-card{padding:1.4rem;text-align:center;border-radius:1.5rem;transition:all .4s cubic-bezier(.23,1,.32,1);transform:perspective(600px) rotateX(0) rotateY(0);transform-style:preserve-3d}
.pillar-card:hover{transform:perspective(600px) rotateX(-8deg) rotateY(4deg) translateY(-8px);box-shadow:0 25px 50px rgba(0,0,0,.12)}
.pillar-icon{width:3rem;height:3rem;border-radius:.9rem;margin:0 auto .75rem;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 20px rgba(0,0,0,.15)}
.about-mosaic{display:grid;grid-template-columns:repeat(6,1fr);grid-auto-rows:auto;gap:.75rem;height:100%;min-height:26rem}
.mosaic-main{grid-column:1/5;grid-row:1/5;border-radius:2rem;overflow:hidden;border:4px solid #fff;box-shadow:0 20px 50px rgba(0,0,0,.12);transition:transform .5s}
.mosaic-main:hover{transform:scale(1.02)}
.mosaic-main img,.mosaic-sm img{width:100%;height:100%;object-fit:cover}
.mosaic-stat{grid-column:5/7;grid-row:1/4;border-radius:2rem;background:linear-gradient(135deg,#FFB800,#FF6B93);display:flex;flex-direction:column;justify-content:flex-end;padding:1.5rem;color:#fff;box-shadow:0 15px 40px rgba(255,184,0,.35)}
.mosaic-stat .big{font-family:'Fredoka',sans-serif;font-size:3rem;font-weight:700;line-height:1}
.mosaic-stat .sm{font-size:.85rem;font-weight:700;margin-top:.25rem;opacity:.9}
.mosaic-globe{grid-column:5/7;grid-row:4/7;border-radius:2rem;margin-top: 10%; border:2px solid #f1f5f9;overflow:hidden;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 30px rgba(0,0,0,.08);animation:bobGlobe 5s ease-in-out infinite}
@keyframes bobGlobe{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
.mosaic-globe img{max-width:100%;max-height:100%;object-fit:contain}
.mosaic-cities{grid-column:1/5;grid-row:5/7;border-radius:2rem;background:linear-gradient(90deg,#00C2FF,#9D4CDD);display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;color:#fff;box-shadow:0 12px 30px rgba(157,76,221,.35)}
.mosaic-cities .city-big{font-family:'Fredoka',sans-serif;font-size:1.4rem;font-weight:700}
.mosaic-cities .city-sm{font-size:.8rem;opacity:.85;margin-top:.1rem}

/* ─── WHY KIDS ─── */
/* #why{background:linear-gradient(135deg,#fff8ff,#f0f9ff)}
.why-bento{display:grid;grid-template-columns:1fr;gap:1.25rem}
@media(min-width:768px){.why-bento{grid-template-columns:repeat(12,1fr);grid-auto-rows:minmax(140px,auto)}}
.bento-card{border-radius:2rem;padding:1.5rem;position:relative;overflow:hidden;transition:transform .4s cubic-bezier(.23,1,.32,1),box-shadow .4s;cursor:default;transform:perspective(800px)}
.bento-card::before{content:'';position:absolute;top:-4rem;right:-4rem;width:8rem;height:8rem;border-radius:50%;background:rgba(255,255,255,.12);filter:blur(20px)}
.bento-card:hover{transform:perspective(800px) translateZ(20px) rotateX(-4deg) rotateY(4deg);box-shadow:0 30px 60px rgba(0,0,0,.15)}
.bc-ai{background:linear-gradient(135deg,#FF3366,#FF6B93);color:#fff}
.bc-music{background:linear-gradient(135deg,#fcd34d,#fbbf24);color:#1A1A24}
.bc-art{background:#fff;border:2px solid #f1f5f9;color:#1A1A24}
.bc-play{background:linear-gradient(135deg,#00C2FF,#9D4CDD);color:#fff}
.bc-wins{background:#fce7f3;color:#1A1A24}
.bc-curr{background:linear-gradient(90deg,#f3e8ff,#fce7f3,#fef9c3);color:#1A1A24}
@media(min-width:768px){
.bc-ai{grid-column:1/8;grid-row:1/3;min-height:280px}
.bc-music{grid-column:8/13;grid-row:1/2}
.bc-art{grid-column:8/13;grid-row:2/3}
.bc-play{grid-column:1/8;grid-row:3/4}
.bc-wins{grid-column:8/10;grid-row:3/4}
.bc-curr{grid-column:10/13;grid-row:3/4}
}
.bento-icon{width:3rem;height:3rem;border-radius:.9rem;background:rgba(255,255,255,.25);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;margin-bottom:.75rem}
.bento-icon.dark-bg{background:rgba(0,0,0,.07)}
.bento-title{font-family:'Fredoka',sans-serif;font-size:1.4rem;font-weight:700;line-height:1.2}
.bento-desc{margin-top:.4rem;font-size:.9rem;opacity:.85;line-height:1.5;max-width:28rem} */

#why { --why-radius:  150px; --why-card-w:  136px; --why-card-h:  174px;}
/* ── Section shell ── */
#why { background: linear-gradient(160deg, #e0f2fe 0%, #f5e6ff 40%, #ffe6f0 70%, #fff8e1 100%); padding: 6rem 2rem; position: relative; overflow: hidden; font-family: 'Nunito', sans-serif;}

/* ════════════════════════════ GLASSMORPHISM ORBS  ════════════════════════════ */
#why .why-orb {
      position: absolute;
      border-radius: 50%;
      pointer-events: none;
      filter: blur(80px);
      opacity: 0.52;
    }
#why .why-orb-1 {
      width: 520px; height: 520px;
      background: #FF3366;
      top: -160px; right: -120px;
      animation: whyDrift1 10s ease-in-out infinite;
    }
#why .why-orb-2 {
      width: 440px; height: 440px;
      background: #9D4CDD;
      bottom: -140px; left: -100px;
      animation: whyDrift2 13s ease-in-out infinite;
    }
#why .why-orb-3 {
      width: 340px; height: 340px;
      background: #00C2FF;
      top: 35%; left: 38%;
      animation: whyDrift3 9s ease-in-out infinite;
    }
#why .why-orb-4 {
      width: 260px; height: 260px;
      background: #FBBF24;
      top: 8%; left: 4%;
      opacity: 0.32;
      animation: whyDrift1 11s ease-in-out infinite reverse;
    }

@keyframes whyDrift1 {
      0%, 100% { transform: translate(0, 0); }
      50%       { transform: translate(40px, -30px); }
    }
@keyframes whyDrift2 {
      0%, 100% { transform: translate(0, 0); }
      50%       { transform: translate(-30px, 35px); }
    }
@keyframes whyDrift3 {
      0%, 100% { transform: translate(0, 0); }
      50%       { transform: translate(28px, 24px); }
    }

    /* ── Inner 3-col layout ── */
#why .why-inner {
      max-width: 1100px;
      margin: 0 auto;
      display: grid;
      grid-template-columns: 1.05fr 1fr;
      align-items: center;
      gap: 5rem;
      position: relative;
      z-index: 2;
    }

    /* ════════════════════════════
       LEFT COLUMN
    ════════════════════════════ */
#why .why-left {
      display: flex;
      flex-direction: column;
      gap: 1.1rem;
    }

#why .why-eyebrow {
      display: inline-block;
      background: rgba(255,255,255,.55);
      backdrop-filter: blur(12px);
      -webkit-backdrop-filter: blur(12px);
      border: 1px solid rgba(255,255,255,.8);
      border-radius: 999px;
      padding: 5px 18px;
      font-size: .68rem;
      font-weight: 800;
      letter-spacing: .12em;
      text-transform: uppercase;
      color: #9333EA;
      width: fit-content;
    }

#why .why-heading {
      font-family: 'Fredoka One', cursive;
      font-size: clamp(1.8rem, 2.5vw, 2.6rem);
      color: #1a1a2e;
      line-height: 1.2;
      margin: 0;
    }

#why .why-heading span {
      background: linear-gradient(135deg, #FF3366, #9D4CDD);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      background-clip: text;
    }

#why .why-para {
      font-size: .88rem;
      color: #64748b;
      line-height: 1.7;
      font-weight: 600;
      max-width: 300px;
      margin: 0;
    }

/* ════════════════════════════ CENTER — CYLINDER ════════════════════════════ */
#why .why-mid {
      display: flex;
      flex-direction: column;
      align-items: start;
      gap: 0;
    }

#why .why-stage {
      perspective: 400px;
      height: 220px;
      display: flex;
      align-items: center;
      justify-content: center;
      width: 100%;
    }

#why .why-cyl {
      width: var(--why-card-w);
      height: var(--why-card-h);
      position: relative;
      transform-style: preserve-3d;
    }

#why .why-card {
      position: absolute;
      width: var(--why-card-w);
      height: var(--why-card-h);
      border-radius: 22px;
      top: 0; left: 0;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      gap: 10px;
      backface-visibility: hidden;
      border-top: 1px solid rgba(255,255,255,.55);
      will-change: opacity, transform;
      transition: opacity .35s ease;
    }

#why .why-card-em {
      font-size: 2.4rem;
      filter: drop-shadow(0 3px 10px rgba(0,0,0,.3));
      line-height: 1;
    }

#why .why-card-label {
      font-family: 'Fredoka One', cursive;
      font-size: .82rem;
      color: #fff;
      text-align: center;
      padding: 0 10px;
      text-shadow: 0 1px 5px rgba(0,0,0,.4);
      line-height: 1.35;
    }

/* Card colors — solid */
#why .why-card[data-i="0"] {
      background: linear-gradient(145deg, #FF5E84, #FF2055);
      box-shadow: 0 14px 44px rgba(255,32,85,.4), inset 0 1px 0 rgba(255,255,255,.35);
    }
#why .why-card[data-i="1"] {
      background: linear-gradient(145deg, #38BDF8, #0EA5E9);
      box-shadow: 0 14px 44px rgba(14,165,233,.4), inset 0 1px 0 rgba(255,255,255,.35);
    }
#why .why-card[data-i="2"] {
      background: linear-gradient(145deg, #FCD34D, #F59E0B);
      box-shadow: 0 14px 44px rgba(245,158,11,.4), inset 0 1px 0 rgba(255,255,255,.35);
    }
#why .why-card[data-i="3"] {
      background: linear-gradient(145deg, #34D399, #059669);
      box-shadow: 0 14px 44px rgba(5,150,105,.4), inset 0 1px 0 rgba(255,255,255,.35);
    }
#why .why-card[data-i="4"] {
      background: linear-gradient(145deg, #C084FC, #9333EA);
      box-shadow: 0 14px 44px rgba(147,51,234,.4), inset 0 1px 0 rgba(255,255,255,.35);
    }
#why .why-card[data-i="5"] {
      background: linear-gradient(145deg, #FB923C, #EA580C);
      box-shadow: 0 14px 44px rgba(234,88,12,.4), inset 0 1px 0 rgba(255,255,255,.35);
    }

#why .why-floor {
      width: 280px;
      height: 16px;
      background: radial-gradient(ellipse, rgba(157,76,221,.25), transparent 68%);
      border-radius: 50%;
      margin-top: -8px;
    }

/* ════════════════════════════ RIGHT COLUMN ════════════════════════════ */
#why .why-right {
      display: flex;
      flex-direction: column;
      gap: .55rem;
      margin-top: 70px;
    }

#why .why-row {
      display: flex;
      align-items: center;
      gap: .85rem;
      border-radius: 15px;
      padding: .72rem 1rem;
      border: 1px solid rgba(255,255,255,.4);
      
      opacity: .32;
      transition: opacity .4s ease, background .4s ease, border-color .4s ease, box-shadow .4s ease;
    }

#why .why-row.active {
      background: rgba(255,255,255,.55);
      backdrop-filter: blur(14px);
      -webkit-backdrop-filter: blur(14px);
      border-color: rgba(255,255,255,.85);
      box-shadow: 0 4px 24px rgba(0,0,0,.07);
      opacity: 1;
    }

#why .why-row-icon {
      width: 40px;
      height: 40px;
      border-radius: 11px;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 1.15rem;
      flex-shrink: 0;
      transition: box-shadow .4s ease;
    }

#why .why-row[data-i="0"] .why-row-icon { background: linear-gradient(145deg,#FF5E84,#FF2055); }
#why .why-row[data-i="1"] .why-row-icon { background: linear-gradient(145deg,#38BDF8,#0EA5E9); }
#why .why-row[data-i="2"] .why-row-icon { background: linear-gradient(145deg,#FCD34D,#F59E0B); }
#why .why-row[data-i="3"] .why-row-icon { background: linear-gradient(145deg,#34D399,#059669); }
#why .why-row[data-i="4"] .why-row-icon { background: linear-gradient(145deg,#C084FC,#9333EA); }
#why .why-row[data-i="5"] .why-row-icon { background: linear-gradient(145deg,#FB923C,#EA580C); }

#why .why-row.active .why-row-icon {
      box-shadow: 0 4px 16px rgba(0,0,0,.18);
    }

#why .why-row-body { flex: 1; }

#why .why-row-title {
      font-family: 'Fredoka', sans-serif;
      font-size: 1.2rem;
      font-weight: 700;
      color: #1a1a2e;
      line-height: 1.25;
    }
    


#why .why-row-desc {      
      font-size: .88rem;
      color: #475569;
      margin-top: .5rem 8px;
      line-height: 1.5;
    }
    
#why .why-row-arr {
      font-size: .8rem;
      color: rgba(0,0,0,.15);
      transition: color .4s ease, transform .4s ease;
    }

#why .why-row.active .why-row-arr {
      color: #9333EA;
      transform: translateX(4px);
    }

/* ════════════════════════════ RESPONSIVE — TABLET ════════════════════════════ */
@media (max-width: 900px) {
      #why .why-inner {
        grid-template-columns: 1fr 1fr;
        grid-template-rows: auto auto;
      }
#why .why-left  { grid-column: 1 / 2; grid-row: 1; }
#why .why-right { grid-column: 2 / 3; grid-row: 1; }
#why .why-mid   { grid-column: 1 / 3; grid-row: 2; padding-top: 2rem; }
#why .why-para  { max-width: 100%; }
    }

/* ════════════════════════════ RESPONSIVE — MOBILE ════════════════════════════ */
@media (max-width: 600px) {
  #why { padding: 4rem 1.25rem; }
  #why .why-inner {
        grid-template-columns: 1fr;
        grid-template-rows: auto auto auto;
        gap: 2.5rem;
      }
  #why .why-left  { grid-column: 1; grid-row: 1; }
  #why .why-mid   { grid-column: 1; grid-row: 2; }
      #why .why-right { grid-column: 1; grid-row: 3; }
      #why .why-heading { font-size: 2rem; }
      #why .why-para  { max-width: 100%; }
      #why .why-stage { height: 190px; }
    }

/* ════════════════════════════ RIGHT COLUMN ════════════════════════════ */
#why .why-right {
      display: flex;
      flex-direction: column;
      gap: .55rem;
    }

#why .why-row {
      display: flex;
      align-items: center;
      gap: .85rem;
      border-radius: 15px;
      padding: .72rem 1rem;
      border: 1px solid rgba(255,255,255,.06);
      
      opacity: .28;
      transition: opacity .4s ease, background .4s ease, border-color .4s ease;
    }

#why .why-row.active {
      background: rgba(255,255,255,.07);
      border-color: rgba(255,255,255,.15);
      opacity: 1;
    }

#why .why-row-icon {
      width: 40px;
      height: 40px;
      border-radius: 11px;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 1.15rem;
      flex-shrink: 0;
      transition: box-shadow .4s ease;
    }

#why .why-row[data-i="0"] .why-row-icon { background: linear-gradient(145deg,#FF5E84,#FF2055); }
#why .why-row[data-i="1"] .why-row-icon { background: linear-gradient(145deg,#38BDF8,#0EA5E9); }
#why .why-row[data-i="2"] .why-row-icon { background: linear-gradient(145deg,#FCD34D,#F59E0B); }
#why .why-row[data-i="3"] .why-row-icon { background: linear-gradient(145deg,#34D399,#059669); }
#why .why-row[data-i="4"] .why-row-icon { background: linear-gradient(145deg,#C084FC,#9333EA); }
#why .why-row[data-i="5"] .why-row-icon { background: linear-gradient(145deg,#FB923C,#EA580C); }

#why .why-row[data-i="0"].active { border-color: #FF2055; background: white;}
#why .why-row[data-i="0"].active .why-row-title { color: #FF2055; }
#why .why-row[data-i="0"].active .why-row-desc{ color: #FF2055; }

#why .why-row[data-i="1"].active { border-color: #0EA5E9; background: white;}
#why .why-row[data-i="1"].active .why-row-title { color: #0EA5E9; }
#why .why-row[data-i="1"].active .why-row-desc{ color: #0ea5e9; }

#why .why-row[data-i="2"].active { border-color: #F59E0B; background: white;}
#why .why-row[data-i="2"].active .why-row-title { color: #F59E0B; }
#why .why-row[data-i="2"].active .why-row-desc{ color: #F59E0B; }

#why .why-row[data-i="3"].active { border-color: #059669; background: white;}
#why .why-row[data-i="3"].active .why-row-title { color: #059669; }
#why .why-row[data-i="3"].active .why-row-desc{ color: #059669; }

    #why .why-row[data-i="4"].active { border-color: #9333EA; background: white;}
    #why .why-row[data-i="4"].active .why-row-title { color: #9333EA; }
    #why .why-row[data-i="4"].active .why-row-desc{ color: #9333EA; }

    #why .why-row[data-i="5"].active { border-color: #EA580C; background: white;}
    #why .why-row[data-i="5"].active .why-row-title { color: #EA580C; }
    #why .why-row[data-i="5"].active .why-row-desc{ color: #EA580C; }

    #why .why-row.active .why-row-icon {
      box-shadow: 0 4px 18px rgba(255,255,255,.18);
    }

    #why .why-row-body { flex: 1; }

    #why .why-row-title {
      font-family: 'Fredoka', sans-serif;
    font-size: 1.2rem;
    font-weight: 700;
      color: #fff;
      line-height: 1.25;
    }
    

    #why .why-row-desc {
      font-size: .88rem;
      color: #475569;
      margin-top: .5rem 8px;
      line-height: 1.5;
    }

    #why .why-row-arr {
      font-size: .8rem;
      color: rgba(255,255,255,.15);
      transition: color .4s ease, transform .4s ease;
    }

    #why .why-row.active .why-row-arr {
      color: rgba(255,255,255,.5);
      transform: translateX(4px);
    }

    /* ════════════════════════════
       RESPONSIVE — TABLET
    ════════════════════════════ */
    @media (max-width: 900px) {
      #why .why-inner {
        grid-template-columns: 1fr 1fr;
        grid-template-rows: auto auto;
      }
      #why .why-left  { grid-column: 1 / 2; grid-row: 1; }
      #why .why-right { grid-column: 2 / 3; grid-row: 1; }
      #why .why-mid   { grid-column: 1 / 3; grid-row: 2; padding-top: 2rem; }
      #why .why-para  { max-width: 100%; }
    }

    /* ════════════════════════════
       RESPONSIVE — MOBILE
    ════════════════════════════ */
    @media (max-width: 600px) {
      #why { padding: 4rem 1.25rem; }
      #why .why-inner {
        grid-template-columns: 1fr;
        grid-template-rows: auto auto auto;
        gap: 2.5rem;
      }
      #why .why-left  { grid-column: 1; grid-row: 1; }
      #why .why-mid   { grid-column: 1; grid-row: 2; }
      #why .why-right { grid-column: 1; grid-row: 3; }
      #why .why-heading { font-size: 2rem; }
      #why .why-para  { max-width: 100%; }
      #why .why-stage { height: 190px; }
    }




/* ─── FRANCHISE ─── */
#franchise{background:
radial-gradient(circle at top left, #7A1CAC22, transparent 30%),
radial-gradient(circle at bottom right, #4B008F33, transparent 35%),
linear-gradient(
135deg,
#05010D,
#12002B,
#05010D
);
position:relative;overflow:hidden;color:#fff; }
.fran-blob{position:absolute;border-radius:50%;filter:blur(80px);pointer-events:none}
.fran-blob1{width:32rem;height:32rem;top:5rem;left:-8rem;background:rgba(255,51,102,.15);animation:blob 20s ease-in-out infinite}
.fran-blob2{width:32rem;height:32rem;bottom:2rem;right:-8rem;background:rgba(0,194,255,.15);animation:blob 22s ease-in-out 6s infinite}
.stats-row{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-bottom:3rem; margin-right: auto; margin-left: auto; }
@media(min-width:768px){.stats-row{grid-template-columns:repeat(4,1fr)}}
.stat-card{padding:1.5rem;border-radius:1.5rem;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);backdrop-filter:blur(10px);text-align:center;transition:all .4s;}
.stat-card:hover{background:rgba(255,255,255,.12);transform:translateY(-6px);box-shadow:0 20px 40px rgba(0,0,0,.3)}
.stat-num{font-family:'Fredoka',sans-serif;font-size:2.5rem;font-weight:700;background:linear-gradient(135deg,#FFB800,#FF6B93);-webkit-background-clip:text;background-clip:text;color:transparent}
.stat-label{font-size:.85rem;color:rgba(255,255,255,.65);font-weight:600;margin-top:.35rem}
.benefits-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem; margin:auto;}
@media(min-width:1024px){.benefits-grid{grid-template-columns:repeat(3,1fr)}}
.benefit-card:hover,.stat-card:hover { transition-delay: 0s !important;}
.benefit-card.active,.stat-card.active { transition: all .1s !important;}
.benefit-card{padding:1.5rem;border-radius:1.5rem;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1);backdrop-filter:blur(8px);transition:all .4s;}
.benefit-card:hover{background:rgba(255,255,255,.13);transform:translateY(-5px) scale(1.02);box-shadow:0 20px 40px rgba(0,0,0,.2)}
.benefit-icon{width:3rem;height:3rem;border-radius:.9rem;background:linear-gradient(135deg,#FF3366,#FFB800);display:flex;align-items:center;justify-content:center;margin-bottom:1rem;box-shadow:0 8px 20px rgba(255,51,102,.3);transition:transform .3s}
.benefit-card:hover .benefit-icon{transform:rotate(8deg) scale(1.1)}
.benefit-title{font-family:'Fredoka',sans-serif;font-size:1.2rem;font-weight:700;color:#fff}
.benefit-desc{font-size:.85rem;color:rgba(255,255,255,.65);margin-top:.4rem;line-height:1.5}
.fran-btns{margin-top:3rem;display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}
.btn-white{background:linear-gradient(135deg,#FF3366,#FF6B93);color:#fff;font-weight:700;padding:1rem 1.75rem;border-radius:9999px;border:none;cursor:pointer;font-size:1rem;box-shadow:0 10px 30px rgba(255,51,102,.4);transition:all .3s}
.btn-white:hover{transform:translateY(-3px);box-shadow:0 18px 45px rgba(255,51,102,.6)}
.btn-outline{background:rgba(255,255,255,.1);backdrop-filter:blur(10px);color:#fff;font-weight:700;padding:1rem 1.75rem;border-radius:9999px;border:1px solid rgba(255,255,255,.25);cursor:pointer;font-size:1rem;transition:all .3s}
.btn-outline:hover{background:rgba(255,255,255,.18);transform:translateY(-3px)}
.shadow {
  filter: drop-shadow(20px 20px 15px rgba(255, 255, 255, 0.5));
}

/* ─── COURSES ─── */
.courses-grid{display:grid;grid-template-columns:1fr;gap:1.25rem;margin-top:2.5rem}
@media(min-width:640px){.courses-grid{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1024px){.courses-grid{grid-template-columns:repeat(4,1fr)}}
.course-card{padding:1.75rem;border-radius:2rem;border:2px solid rgba(255,255,255,.65);box-shadow:0 10px 30px rgba(0,0,0,.07);transition:all .4s cubic-bezier(.23,1,.32,1);transform:perspective(600px);position:relative;overflow:hidden}
.course-card::after{content:'';position:absolute;inset:0;border-radius:2rem;opacity:0;transition:opacity .1s;background:linear-gradient(135deg,rgba(255,255,255,.2),transparent)}
.course-card:hover{transform:perspective(600px) rotateX(-6deg) rotateY(6deg) translateY(-10px);box-shadow:0 30px 60px rgba(0,0,0,.15)}
.course-card:hover::after{opacity:1}
.cc-pink{background:#fce7f3}
.cc-yellow{background:#fef9c361}
.cc-purple{background:#f3e8ff}
.cc-sky{background:#e0f2fe}
.course-icon{width:3.5rem;height:3.5rem;border-radius:.9rem;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 20px rgba(0,0,0,.15);margin-bottom:1.25rem;transition:transform .1s}
.course-card:hover .course-icon{transform:rotate(12deg) scale(1.1)}
.course-age{font-size:.7rem;font-weight:700;color:#64748b;letter-spacing:.12em;text-transform:uppercase}
.course-title{font-family:'Fredoka',sans-serif;font-size:1.5rem;font-weight:700;color:#0f172a;margin-top:.25rem}
.course-desc{font-size:.88rem;color:#475569;margin-top:.5rem;line-height:1.5}
.course-more{margin-top:1.25rem;font-size:.9rem;font-weight:700;color:#0f172a;display:flex;align-items:center;gap:.3rem;transition:all .1s}
.course-card:hover .course-more{color:var(--pink);gap:.6rem}

/* ─── TESTIMONIALS ─── */
#testimonials{overflow:hidden}
.marquee-fade{mask-image:linear-gradient(to right,transparent,black 8%,black 92%,transparent);-webkit-mask-image:linear-gradient(to right,transparent,black 8%,black 92%,transparent)}
.marquee-track{display:flex;gap:1rem;width:max-content;animation:marquee 60s linear infinite}
.marquee-track2{animation-direction:reverse;animation-duration:75s}
.marquee-track:hover,.marquee-track2:hover{animation-play-state:paused}
@keyframes marquee{to{transform:translateX(-50%)}}
.testi-card{min-width:20rem;max-width:24rem;padding:1.75rem;border-radius:2rem;border:2px solid rgba(255,255,255,.7);transition:transform .3s,box-shadow .3s;flex-shrink:0}
.testi-card:hover{transform:translateY(-6px);}
.testi-quote{font-size:.95rem;font-weight:600;color:#334155;line-height:1.6;margin-top:.75rem}
.testi-author{margin-top:1.25rem;display:flex;align-items:center;justify-content:space-between}
.author-name{font-family:'Fredoka',sans-serif;font-weight:700;color:#0f172a}
.author-role{font-size:.75rem;color:#64748b;margin-top:.1rem}
.stars{display:flex;gap:2px}
.star{color:#fbbf24;font-size:.85rem}

/* ─── TIMELINE ─── */
#timeline .tl-container{position:relative;max-width:56rem;margin:0 auto}
.tl-line{position:absolute;left:50%;top:0;bottom:0;width:3px;background:linear-gradient(to bottom,#9D4CDD 50%,transparent 50%);background-size:3px 16px;transform:translateX(-50%);display:none}
@media(min-width:768px){.tl-line{display:block}}
.tl-line-mobile{position:absolute;left:1.75rem;top:0;bottom:0;width:3px;background:linear-gradient(to bottom,#9D4CDD 50%,transparent 50%);background-size:3px 16px;display:block}
@media(min-width:768px){.tl-line-mobile{display:none}}
.tl-steps{display:flex;flex-direction:column;gap:2.5rem}
.tl-step{display:grid;gap:0;align-items:center;position:relative;padding-left:4rem}
@media(min-width:768px){.tl-step{grid-template-columns:1fr 80px 1fr;padding-left:0}}
.tl-card{padding:1.5rem;border-radius:1.5rem;transition:all .4s;}
.tl-card:hover{transform:translateY(-6px);box-shadow:0 20px 50px rgba(0,0,0,.1)}
/* @media(min-width:768px){.tl-step:nth-child(odd) .tl-card{order:-1}}
@media(min-width:768px){.tl-step:nth-child(even) .tl-card{text-align:right}} */
.tl-step-label{font-size:.7rem;font-weight:700;color:#64748b;letter-spacing:.12em;text-transform:uppercase}
.tl-title{font-family:'Fredoka',sans-serif;font-size:1.5rem;font-weight:700;color:#0f172a;margin-top:.2rem}
.tl-desc{font-size:.88rem;color:#64748b;margin-top:.4rem;line-height:1.5}
.tl-dot{position:absolute;top:50%;left:1.25rem;transform:translate(-50%,-50%);width:3rem;height:3rem;border-radius:50%;display:flex;align-items:center;justify-content:center;border:4px solid #fff;box-shadow:0 8px 20px rgba(0,0,0,.15);z-index:2;transition:transform .1s}
@media(min-width:768px){.tl-dot{ left:50%; position: relative;  top:auto;}}
.tl-step:hover .tl-dot{transform:translate(-50%,-50%) scale(1.15)}
.tl-dot::after{content:'';position:absolute;inset:0;border-radius:50%;filter:blur(8px);opacity:.5;z-index:-1}

.dot1{background:linear-gradient(135deg,#ec4899,#fb7185)}.dot1::after{background:linear-gradient(135deg,#ec4899,#fb7185)}
.dot2{background:linear-gradient(135deg,#fbbf24,#f97316)}.dot2::after{background:linear-gradient(135deg,#fbbf24,#f97316)}
.dot3{background:linear-gradient(135deg,#8b5cf6,#d946ef)}.dot3::after{background:linear-gradient(135deg,#8b5cf6,#d946ef)}
.dot4{background:linear-gradient(135deg,#0ea5e9,#2563eb)}.dot4::after{background:linear-gradient(135deg,#0ea5e9,#2563eb)}
.dot5{background:linear-gradient(135deg,#10b981,#14b8a6)}.dot5::after{background:linear-gradient(135deg,#10b981,#14b8a6)}

/* ─── GALLERY ─── */
.gallery-grid{display:grid;gap:.9rem;grid-template-columns:1fr;grid-auto-rows:14rem}
@media(min-width:768px){.gallery-grid{grid-template-columns:repeat(4,1fr);grid-auto-rows:15rem}}
.gal-item{border-radius:2rem;overflow:hidden;border:4px solid #fff;box-shadow:0 12px 30px rgba(0,0,0,.1);position:relative;cursor:pointer;transition:transform .5s cubic-bezier(.23,1,.32,1),box-shadow .5s}
.gal-item:hover{transform:scale(1.04) translateY(-4px);box-shadow:0 25px 60px rgba(0,0,0,.2);z-index:2}
.gal-item img{width:100%;height:100%;object-fit:cover;transition:transform .7s}
.gal-item:hover img{transform:scale(1.08)}
.gal-item::after{content:'';position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.35),transparent);opacity:0;transition:opacity .4s}
.gal-item:hover::after{opacity:1}
@media(min-width:768px){.gal-main{grid-column:1/3;grid-row:1/3}}

/* ─── FAQ ─── */
.faq-list{display:flex;flex-direction:column;gap:1rem;margin:2.5rem 0 0; align-items: start;}
@media(min-width:768px){.faq-list{display:grid;grid-template-columns:1fr 1fr;gap:1rem; align-items: start; grid-auto-flow:column;grid-template-rows:repeat(3, auto);}}
.faq-item{border-radius:1.5rem;border:2px solid rgba(255,255,255,.65);overflow:hidden;transition:box-shadow .3s}
.faq-item:hover{box-shadow:0 10px 30px rgba(0,0,0,.08)}
.faq-q{width:100%;display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;background:rgba(255,255,255,.65);backdrop-filter:blur(20px);border:none;cursor:pointer;font-family:'Fredoka',sans-serif;font-size:1.1rem;font-weight:700;color:#0f172a;text-align:left;gap:.75rem;transition:background .2s}
.faq-q:hover{background:rgba(255,255,255,.85)}
.faq-icon{flex-shrink:0;width:1.5rem;height:1.5rem;background:linear-gradient(135deg,#FF3366,#9D4CDD);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1rem;transition:transform .3s;line-height:1}
.faq-item.open .faq-icon{transform:rotate(45deg)}
.faq-a{max-height:0;overflow:hidden;transition:max-height .4s ease,padding .4s;font-size:.95rem;color:#475569;line-height:1.65;background:rgba(255,255,255,.5);backdrop-filter:blur(10px)}
.faq-item.open .faq-a{max-height:12rem;padding:1rem 1.5rem 1.5rem}

/* ─── CONTACT ─── */
#contact{background:linear-gradient(135deg,#fdf2f8,#faf5ff,#eff6ff);overflow:hidden;position:relative}
.contact-rocket{position:absolute;right:6rem;top:-30px;width:9rem;display:none; z-index: 1;}
@media(min-width:1024px){.contact-rocket{display:block}}
.contact-grid{display:grid;gap:2.5rem;align-items:start}
@media(min-width:1024px){.contact-grid{grid-template-columns:5fr 7fr}}
.contact-info{display:flex;flex-direction:column;gap:1rem;margin-top:2rem}
.contact-row{display:flex;align-items:center;gap:1rem;padding:1rem;border-radius:1.5rem;transition:transform .3s}
.contact-row:hover{transform:translateX(5px)}
.contact-icon{width:3rem;height:3rem;border-radius:.9rem;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 20px rgba(0,0,0,.12);flex-shrink:0}
.contact-form-card{padding:2rem;border-radius:2rem;box-shadow:0 20px 60px rgba(0,0,0,.1);transition:all .4s}
.contact-form-card:hover{box-shadow:0 30px 80px rgba(0,0,0,.15);transform:translateY(-4px)}
.form-label{display:block;font-size:.88rem;font-weight:700;color:#334155;margin-bottom:.4rem}
.form-row{display:grid;gap:1rem;grid-template-columns:1fr}
@media(min-width:640px){.form-row{grid-template-columns:1fr 1fr}}
.form-input,.form-select,.form-textarea{width:100%;padding:.75rem 1rem;border-radius:.9rem;border:2px solid rgba(255,255,255,.8);background:rgba(255,255,255,.8);font-size:.95rem;font-family:'Nunito',sans-serif;color:#0f172a;outline:none;transition:all .3s;backdrop-filter:blur(10px)}
.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--pink);background:#fff;box-shadow:0 0 0 4px rgba(255,51,102,.1)}
.form-textarea{resize:vertical;min-height:100px}
.form-submit{width:100%;margin-top:1.25rem;padding:1rem;border-radius:9999px;background:linear-gradient(135deg,#FF3366,#FF6B93);color:#fff;font-weight:700;font-size:1rem;font-family:'Nunito',sans-serif;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;box-shadow:0 10px 30px rgba(255,51,102,.35);transition:all .3s}
.form-submit:hover{transform:translateY(-3px);box-shadow:0 18px 45px rgba(255,51,102,.55)}
.form-note{text-align:center;font-size:.8rem;color:#94a3b8;margin-top:.75rem}
.form-submit-wrap{position:relative;overflow:hidden}
.form-submit-wrap::after{content:'';position:absolute;top:50%;left:-100%;transform:translateY(-50%);width:60px;height:200%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s;pointer-events:none}
.form-submit-wrap:hover::after{left:120%}

/* ─── FOOTER ─── */
footer{background:linear-gradient(135deg,#1a0b3d,#2d1066,#1a0b3d);color:#fff;padding:5rem 1.5rem 2.5rem;position:relative;overflow:hidden}
.footer-glow{position:absolute;border-radius:50%;filter:blur(80px);pointer-events:none}
.footer-glow1{width:50rem;height:25rem;top:-10rem;left:50%;transform:translateX(-50%);background:rgba(255,51,102,.1)}
.footer-glow2{width:24rem;height:24rem;bottom:0;right:0;background:rgba(0,194,255,.1)}
.footer-inner{max-width:80rem;margin:0 auto;position:relative}
.footer-grid{display:grid;gap:2.5rem; max-width: 1200px; margin: 0 auto;}
@media(min-width:1024px){.footer-grid{grid-template-columns:5fr 8fr}}
.footer-cols{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem}
@media(min-width:768px){.footer-cols{grid-template-columns:repeat(3,1fr)}}
.footer-col-head{font-family:'Fredoka',sans-serif;font-size:24px;font-weight:700;margin-bottom:1rem;background:linear-gradient(135deg,#FFB800,#FF6B93);-webkit-background-clip:text;background-clip:text;color:transparent;display:inline-block}
.footer-links{list-style:none;display:flex;flex-direction:column;gap:.6rem}
.footer-links a{color:rgba(255,255,255,.65);text-decoration:none;font-size:.88rem;transition:color .2s;cursor:pointer}
.footer-links a:hover{color:#fff}
.footer-desc{color:rgba(255,255,255,.65);line-height:1.7;font-size:.9rem;margin-top:1.25rem;max-width:22rem}
.social-links{display:flex;gap:.6rem;margin-top:1.5rem}
.social-btn{width:2.75rem;height:2.75rem;border-radius:.9rem;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);display:flex;align-items:center;justify-content:center;transition:all .3s;cursor:pointer}
.social-btn:hover{background:rgba(255,255,255,.16);transform:translateY(-3px)}
.footer-bottom{margin-top:3.5rem;padding-top:2rem;border-top:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column;gap:.75rem;align-items:center;text-align:center;font-size:.85rem;color:rgba(255,255,255,.5); margin-right: auto; margin-left: auto; max-width: 1200px;}
@media(min-width:768px){.footer-bottom{flex-direction:row;justify-content:space-between;text-align:left}}
.footer-heart{color:var(--pink)}

/* ─── PARTICLES ─── */
.particles{position:fixed;inset:0;pointer-events:none;z-index:0;overflow:hidden}
.particle{position:absolute;border-radius:50%;animation:particleFloat linear infinite;opacity:.6}
@keyframes particleFloat{0%{transform:translateY(100vh) scale(0)}10%{opacity:.6}90%{opacity:.3}100%{transform:translateY(-10vh) scale(1.2);opacity:0}}

/* ─── COUNTER ANIMATION ─── */
.count-up{transition:all .1s}