/* Kids & Teens track — bright, playful styles, separate from the main site look */

:root{
  --k-bg:#FFF8ED;
  --k-card:#FFFFFF;
  --k-purple:#7C4DFF;
  --k-purple-deep:#5A32D6;
  --k-pink:#FF6EA8;
  --k-yellow:#FFC93C;
  --k-blue:#3EC6F0;
  --k-green:#3DD68C;
  --k-ink:#2A2140;
  --k-ink-soft:#5C5478;
  --k-max:1080px;
}

.kids-page *{box-sizing:border-box;}
.kids-page{
  margin:0;
  background:var(--k-bg);
  color:var(--k-ink);
  font-family:'Quicksand',sans-serif;
  font-size:18px;
  line-height:1.65;
}
.kids-page img{max-width:100%;display:block;}
.kids-page a{color:var(--k-purple-deep);text-decoration:none;}
.kids-page .wrap{max-width:var(--k-max);margin:0 auto;padding:0 24px;}

.kids-page h1,.kids-page h2,.kids-page h3{
  font-family:'Baloo 2',sans-serif;
  font-weight:700;
  color:var(--k-purple-deep);
  margin:0 0 .5em;
  line-height:1.2;
}
.kids-page h1{font-size:clamp(2.4rem,6vw,3.8rem);font-weight:800;}
.kids-page h2{font-size:clamp(1.7rem,4vw,2.4rem);}
.kids-page h3{font-size:1.4rem;}
.kids-page p{margin:0 0 1em;}

/* Header / nav */
.kids-header{
  background:var(--k-purple);
  padding:18px 0;
}
.kids-nav{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;}
.kids-brand{
  font-family:'Baloo 2',sans-serif;font-weight:800;font-size:1.4rem;color:#fff !important;
  display:flex;align-items:center;gap:8px;
}
.kids-nav ul{list-style:none;display:flex;gap:18px;margin:0;padding:0;flex-wrap:wrap;}
.kids-nav a{color:#fff !important;font-weight:600;}
.kids-nav a.switch-track{
  background:rgba(255,255,255,0.2);
  padding:6px 14px;border-radius:20px;
}

/* Hero */
.kids-hero{
  background:linear-gradient(135deg,var(--k-purple) 0%,var(--k-pink) 100%);
  padding:56px 0 64px;
  color:#fff;
  text-align:center;
  border-radius:0 0 40px 40px;
}
.kids-hero h1{color:#fff;}
.kids-hero p.lead{font-size:1.25rem;max-width:640px;margin:0 auto 24px;color:rgba(255,255,255,0.95);}
.kids-emoji-row{font-size:2.6rem;margin-bottom:18px;letter-spacing:8px;}

/* Buttons */
.k-btn{
  display:inline-block;
  font-family:'Baloo 2',sans-serif;font-weight:700;font-size:1.05rem;
  padding:14px 30px;border-radius:50px;
  border:none;cursor:pointer;
  transition:transform .15s ease;
}
.k-btn:hover{transform:translateY(-2px) scale(1.03);}
.k-btn-primary{background:var(--k-yellow);color:var(--k-ink);}
.k-btn-white{background:#fff;color:var(--k-purple-deep);}
.k-btn-outline{background:transparent;border:2px solid var(--k-purple);color:var(--k-purple-deep);}

/* Cards */
.k-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:22px;margin:32px 0;}
.k-card{
  background:var(--k-card);
  border-radius:24px;
  padding:26px;
  box-shadow:0 6px 0 rgba(124,77,255,0.15);
  border:3px solid transparent;
  transition:border-color .15s ease;
}
.k-card:hover{border-color:var(--k-purple);}
.k-card .k-icon{font-size:2.6rem;margin-bottom:10px;display:block;}
.k-card h3{margin-bottom:8px;}
.k-card.card-pink{background:#FFF0F6;}
.k-card.card-blue{background:#EAFAFF;}
.k-card.card-green{background:#EEFFF6;}
.k-card.card-yellow{background:#FFFAEA;}

/* Fun fact / activity boxes */
.k-fact{
  background:var(--k-blue);
  color:#fff;
  border-radius:20px;
  padding:22px 26px;
  margin:28px 0;
  font-weight:600;
}
.k-fact strong{display:block;font-family:'Baloo 2',sans-serif;font-size:1.05rem;margin-bottom:6px;}
.k-activity{
  background:var(--k-green);
  color:#fff;
  border-radius:20px;
  padding:22px 26px;
  margin:28px 0;
}
.k-activity strong{display:block;font-family:'Baloo 2',sans-serif;font-size:1.05rem;margin-bottom:6px;}

/* Section wrap */
.kids-section{padding:48px 0;}
.kids-section.alt{background:#FFF1DE;border-radius:40px;margin:0 16px;}

/* Footer */
.kids-footer{
  background:var(--k-ink);
  color:#fff;
  padding:30px 0;
  text-align:center;
  border-radius:40px 40px 0 0;
  margin-top:40px;
}
.kids-footer a{color:#fff !important;opacity:.85;}
.kids-footer .flinks{list-style:none;display:flex;gap:18px;justify-content:center;padding:0;margin:12px 0 0;flex-wrap:wrap;}

@media (max-width:640px){
  .kids-nav ul{gap:10px;font-size:.9rem;}
  .kids-hero{padding:40px 0 48px;border-radius:0 0 24px 24px;}
}