@font-face {
  font-family: 'Vazirmatn';
  src: url('../assets/fonts/Vazirmatn-Variable.woff2') format('woff2');
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
}
:root{
  --pink:#ff6fae; --hotpink:#ff4f9a; --orange:#ff9f43; --yellow:#ffd95a;
  --green:#65cf8d; --mint:#b9f2d0; --blue:#65bdf6; --purple:#9a7df5;
  --ink:#35405b; --soft:#fffaf7; --card:#ffffff;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;max-width:100%;overflow-x:hidden}
body{
  margin:0;font-family:Vazirmatn,sans-serif;color:var(--ink);line-height:1.9;
  width:100%;max-width:100%;overflow-x:hidden;background:#fffdf9;
}
a{text-decoration:none;color:inherit}
.container{width:min(1180px,90%);margin:auto}

/* header */
.header{
  height:84px;display:flex;align-items:center;position:fixed;inset:0 0 auto;z-index:100;
  background:rgba(255,255,255,.88);backdrop-filter:blur(14px);
  border-bottom:1px solid rgba(255,255,255,.8);box-shadow:0 6px 28px rgba(55,60,100,.07)
}
.nav{display:flex;align-items:center;justify-content:space-between;gap:25px}
.logo{display:flex;align-items:center;gap:10px}
.logo>span{
  width:49px;height:49px;display:grid;place-items:center;
  background:linear-gradient(135deg,var(--pink),var(--orange));
  color:#fff;border-radius:18px;font-size:23px;box-shadow:0 8px 20px rgba(255,111,174,.28)
}
.logo b{display:block;font-size:22px;color:#45415f}.logo small{display:block;font-size:10px;color:#8a90a3}
.nav nav{display:flex;align-items:center;gap:20px;font-size:13px;font-weight:700}
.nav nav a{transition:.25s}.nav nav a:hover,.nav nav .active{color:var(--hotpink)}
.nav-cta,.btn,.form button{
  background:linear-gradient(135deg,var(--pink),var(--orange))!important;color:#fff!important;
  padding:11px 20px;border-radius:16px;box-shadow:0 8px 20px rgba(255,111,174,.2)
}
.menu-btn{display:none;border:0;background:#fff0f6;border-radius:12px;font-size:20px;padding:8px 12px}

/* CLOUD HERO */
.hero,.page-hero{
  min-height:620px;display:flex;align-items:center;position:relative;color:#fff;overflow:hidden;
  background:
   radial-gradient(circle at 15% 18%,rgba(255,255,255,.98) 0 7%,transparent 7.3%),
   radial-gradient(circle at 22% 20%,rgba(255,255,255,.98) 0 9%,transparent 9.3%),
   radial-gradient(circle at 30% 19%,rgba(255,255,255,.98) 0 6%,transparent 6.3%),
   radial-gradient(circle at 77% 30%,rgba(255,255,255,.92) 0 9%,transparent 9.3%),
   radial-gradient(circle at 86% 32%,rgba(255,255,255,.92) 0 7%,transparent 7.3%),
   linear-gradient(135deg,#66c8fa 0%,#9ee3ff 43%,#9b88f3 100%);
}
.hero:after,.page-hero:after{
 content:"";position:absolute;inset:auto -10% -120px -10%;height:230px;
 background:#fffdf9;border-radius:50% 50% 0 0/65% 65% 0 0;
}
.home-hero{
  background:
   radial-gradient(circle at 10% 18%,rgba(255,255,255,.95) 0 6%,transparent 6.3%),
   radial-gradient(circle at 17% 20%,rgba(255,255,255,.95) 0 9%,transparent 9.3%),
   radial-gradient(circle at 27% 18%,rgba(255,255,255,.95) 0 6%,transparent 6.3%),
   radial-gradient(circle at 78% 22%,rgba(255,255,255,.95) 0 7%,transparent 7.3%),
   radial-gradient(circle at 86% 24%,rgba(255,255,255,.95) 0 10%,transparent 10.3%),
   linear-gradient(120deg,rgba(102,200,250,.80),rgba(255,111,174,.42)),
   url("https://images.unsplash.com/photo-1509062522246-3755977927d3?auto=format&fit=crop&w=1800&q=80") center/cover;
}
.page-hero{min-height:440px;background-color:#86d8fa}
.page-hero:nth-of-type(1){background-image:
 radial-gradient(circle at 15% 22%,white 0 8%,transparent 8.3%),
 radial-gradient(circle at 25% 22%,white 0 11%,transparent 11.3%),
 radial-gradient(circle at 37% 22%,white 0 7%,transparent 7.3%),
 linear-gradient(135deg,#65bdf6,#a58af4 55%,#ff91bc)}
.hero-content{position:relative;z-index:2;max-width:800px;padding-top:80px}
.eyebrow{display:inline-block;color:#ffec65;font-weight:800;font-size:14px;margin-bottom:12px}
.hero h1,.page-hero h1{font-size:clamp(40px,6vw,76px);line-height:1.3;margin:0 0 18px;text-shadow:0 3px 18px rgba(53,64,91,.12)}
.page-hero h1{font-size:clamp(36px,5vw,60px)}
.hero p,.page-hero p{font-size:17px;max-width:680px;color:#fff;margin-bottom:28px;font-weight:500}

/* playful sections */
.section{padding:105px 0;position:relative}
.section:has(.cards)::before{
 content:"";position:absolute;width:95px;height:95px;border-radius:50%;
 background:var(--yellow);opacity:.18;left:5%;top:45px;
}
.soft{
 background:
 radial-gradient(circle at 7% 18%,rgba(255,217,90,.28) 0 5%,transparent 5.2%),
 radial-gradient(circle at 92% 75%,rgba(101,207,141,.20) 0 7%,transparent 7.2%),
 #f6fbff;
}
.section-head{max-width:700px;margin-bottom:42px}
.section-head span,.section .eyebrow{color:var(--hotpink)}
.section h2{font-size:clamp(29px,4vw,48px);line-height:1.45;margin:0 0 16px;color:#3c4261}
.lead,.section p{color:#68728a}

/* cards */
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.cards article{
 padding:31px;border:3px solid transparent;border-radius:28px;background:#fff;
 box-shadow:0 14px 38px rgba(52,60,95,.08);transition:.3s;
}
.cards article:nth-child(3n+1){border-color:#ffd2e2}
.cards article:nth-child(3n+2){border-color:#c9efd8}
.cards article:nth-child(3n){border-color:#ffe5ad}
.cards article:hover{transform:translateY(-8px) rotate(-.3deg);box-shadow:0 23px 55px rgba(52,60,95,.14)}
.icon{
 width:58px;height:58px;display:grid;place-items:center;border-radius:20px;font-size:28px;margin-bottom:17px;
 background:linear-gradient(135deg,#fff2f7,#fff9df)
}
.cards article:nth-child(3n+2) .icon{background:#edfff4}
.cards article:nth-child(3n) .icon{background:#fff5e8}
.cards h3{font-size:20px;margin:0 0 8px}.cards a{color:var(--hotpink);font-weight:800;font-size:13px}

.split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:80px;align-items:center}
.split>*{min-width:0}
.photo{
 min-height:440px;border-radius:45px;
 background:linear-gradient(135deg,rgba(255,111,174,.12),rgba(101,189,246,.12)),
 url("https://images.unsplash.com/photo-1503454537195-1dcabb73ffb9?auto=format&fit=crop&w=1000&q=80") center/cover;
 border:8px solid #fff;box-shadow:0 20px 55px rgba(63,80,120,.13);transform:rotate(-1deg)
}
.preschool-photo{
 background-image:linear-gradient(135deg,rgba(255,159,67,.1),rgba(101,207,141,.15)),
 url("https://images.unsplash.com/photo-1560785496-3c9d27877182?auto=format&fit=crop&w=1000&q=80")
}
.check{padding:0;list-style:none}.check li{margin:11px 0;color:#536074}.check li:before{
 content:"✓";display:inline-grid;place-items:center;width:25px;height:25px;border-radius:50%;
 color:#fff;background:var(--green);font-weight:bold;margin-left:10px;font-size:13px
}
.narrow{max-width:850px}.values{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:35px}
.values>div{padding:26px;background:#fff;border-radius:22px;border-bottom:5px solid var(--yellow);box-shadow:0 10px 30px rgba(40,50,80,.06)}
.values>div:nth-child(2){border-color:var(--green)}.values>div:nth-child(3){border-color:var(--pink)}
.programs{grid-template-columns:repeat(3,1fr)}
.steps{padding-right:22px}.steps li{padding:14px 8px;border-bottom:2px dashed #e5e6ed}
.form{width:100%;max-width:100%;min-width:0;padding:35px;background:#fff;border-radius:30px;box-shadow:0 18px 55px rgba(25,35,60,.1);display:grid;gap:14px;border:3px solid #ffe2ed}
.form h3{margin:0 0 8px;font-size:24px;color:var(--hotpink)}
.form input,.form select,.form textarea{display:block;width:100%;max-width:100%;min-width:0;padding:14px;border:2px solid #f0edf3;border-radius:14px;background:#fffdfd;font:inherit;outline:none}
.form input:focus,.form select:focus,.form textarea:focus{border-color:#9ddff8}
.form textarea{min-height:120px;resize:vertical}.form button{border:0;font:inherit;font-weight:800;cursor:pointer}

.faq{margin-top:70px}.faq details{background:#fff;border:2px solid #f1edf4;border-radius:16px;padding:16px 20px;margin:12px 0}
.faq summary{cursor:pointer;font-weight:800}
.filters{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:25px}.filters button{border:2px solid #eadde3;background:#fff;padding:9px 17px;border-radius:22px;font:inherit;cursor:pointer;font-weight:700}
.filters .active{background:linear-gradient(135deg,var(--pink),var(--orange));color:#fff;border-color:transparent}
.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.gallery div{height:250px;border-radius:28px;background-size:cover;background-position:center;box-shadow:0 10px 25px rgba(45,55,85,.1);transition:.3s}.gallery div:hover{transform:scale(1.025)}
.gallery div:nth-child(1){background-image:url("https://images.unsplash.com/photo-1503454537195-1dcabb73ffb9?auto=format&fit=crop&w=800&q=80")}.gallery div:nth-child(2){background-image:url("https://images.unsplash.com/photo-1542810634-71277d95dcbb?auto=format&fit=crop&w=800&q=80")}.gallery div:nth-child(3){background-image:url("https://images.unsplash.com/photo-1588072432836-e10032774350?auto=format&fit=crop&w=800&q=80")}.gallery div:nth-child(4){background-image:url("https://images.unsplash.com/photo-1498243691581-b145c3f54a5a?auto=format&fit=crop&w=800&q=80")}.gallery div:nth-child(5){background-image:url("https://images.unsplash.com/photo-1509062522246-3755977927d3?auto=format&fit=crop&w=800&q=80")}.gallery div:nth-child(6){background-image:url("https://images.unsplash.com/photo-1503676260728-1c00da094a0b?auto=format&fit=crop&w=800&q=80")}

.footer{background:linear-gradient(135deg,#35405b,#4d5182);color:#fff;padding-top:70px;position:relative;overflow:hidden}
.footer:before{content:"";position:absolute;top:-80px;left:-5%;width:110%;height:120px;background:#fffdf9;border-radius:0 0 50% 50%/0 0 100% 100%}
.footer-grid{position:relative;display:grid;grid-template-columns:1.7fr .85fr .85fr 1.35fr;gap:38px;padding:70px 0 50px}.footer p,.footer a{display:block;color:rgba(255,255,255,.75);font-size:13px;margin:8px 0}.footer h4,.footer h3{margin-top:0}.copyright{position:relative;text-align:center;padding:18px;border-top:1px solid rgba(255,255,255,.1);font-size:11px;color:rgba(255,255,255,.55)}
.top{position:fixed;left:20px;bottom:20px;width:47px;height:47px;border:0;border-radius:15px;background:linear-gradient(135deg,var(--green),var(--blue));color:#fff;font-size:20px;opacity:0;visibility:hidden;transition:.3s;cursor:pointer;box-shadow:0 8px 20px rgba(101,189,246,.3)}.top.show{opacity:1;visibility:visible}
.toast{position:fixed;right:25px;bottom:25px;background:#35405b;color:#fff;padding:14px 22px;border-radius:15px;transform:translateY(100px);opacity:0;transition:.3s;z-index:200}.toast.show{transform:translateY(0);opacity:1}

@media(max-width:900px){.nav nav{display:none;position:absolute;top:70px;right:5%;left:5%;background:#fff;padding:18px;border-radius:22px;box-shadow:0 20px 60px rgba(0,0,0,.12);flex-direction:column;align-items:stretch}.nav nav.open{display:flex}.menu-btn{display:block}.split{grid-template-columns:1fr;gap:40px}.cards,.programs{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr 1fr}.gallery{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.section{padding:75px 0}.hero h1{font-size:43px}.page-hero{min-height:390px}.cards,.programs,.values,.gallery,.footer-grid{grid-template-columns:1fr}.nav{width:92%}.logo small{display:none}.hero-content{padding-top:95px}.gallery div{height:220px}.photo{min-height:320px}.hero:after,.page-hero:after{height:150px;bottom:-85px}}


/* v3: vector-like cloud layers */
.hero,.page-hero{isolation:isolate}
.hero:before,.page-hero:before{
 content:"";position:absolute;z-index:0;inset:0;
 background:
  radial-gradient(ellipse 130px 58px at 7% 23%,rgba(255,255,255,.98) 0 58%,transparent 59%),
  radial-gradient(ellipse 110px 68px at 14% 20%,rgba(255,255,255,.98) 0 58%,transparent 59%),
  radial-gradient(ellipse 150px 76px at 23% 23%,rgba(255,255,255,.98) 0 58%,transparent 59%),
  radial-gradient(ellipse 170px 70px at 73% 25%,rgba(255,255,255,.96) 0 58%,transparent 59%),
  radial-gradient(ellipse 115px 65px at 84% 20%,rgba(255,255,255,.96) 0 58%,transparent 59%),
  radial-gradient(ellipse 155px 75px at 95% 25%,rgba(255,255,255,.96) 0 58%,transparent 59%),
  radial-gradient(ellipse 170px 70px at 44% 88%,rgba(255,255,255,.75) 0 58%,transparent 59%);
 pointer-events:none;filter:drop-shadow(0 12px 8px rgba(74,113,155,.08));
}
.hero-content{z-index:3}
.hero:after,.page-hero:after{z-index:2}
.home-hero{background-image:linear-gradient(135deg,#71cef8 0%,#9ee7fb 40%,#9b8cf0 100%)!important}
.home-hero:before{background:radial-gradient(ellipse 130px 58px at 7% 23%,rgba(255,255,255,.98) 0 58%,transparent 59%),radial-gradient(ellipse 110px 68px at 14% 20%,rgba(255,255,255,.98) 0 58%,transparent 59%),radial-gradient(ellipse 150px 76px at 23% 23%,rgba(255,255,255,.98) 0 58%,transparent 59%),radial-gradient(ellipse 170px 70px at 44% 88%,rgba(255,255,255,.75) 0 58%,transparent 59%)}
.home-hero:after{background:#fffdf9}
.hero-sun{position:absolute;width:82px;height:82px;border-radius:50%;background:#ffe267;left:12%;top:135px;z-index:1;box-shadow:0 0 0 12px rgba(255,226,103,.13)}
.hero-rainbow{position:absolute;width:180px;height:90px;border:18px solid rgba(255,111,174,.75);border-bottom:0;border-radius:180px 180px 0 0;left:22%;bottom:85px;z-index:1}
.hero-rainbow:after{content:"";position:absolute;inset:16px -2px auto;border:14px solid rgba(255,217,90,.82);border-bottom:0;border-radius:160px 160px 0 0;height:52px}
.hero-top-rainbow{position:absolute;z-index:1;right:8%;top:138px;width:230px;height:122px;border:19px solid #ff78ad;border-bottom:0;border-radius:230px 230px 0 0;filter:drop-shadow(0 13px 15px rgba(65,76,132,.16));animation:topRainbowFloat 4.6s ease-in-out infinite;transform-origin:center bottom}.hero-top-rainbow:before,.hero-top-rainbow:after,.hero-top-rainbow i{content:"";position:absolute;border-style:solid;border-bottom:0;border-radius:200px 200px 0 0}.hero-top-rainbow:before{inset:13px 13px 0;border-width:17px;border-color:#ffcf55;height:83px}.hero-top-rainbow:after{inset:28px 29px 0;border-width:15px;border-color:#68c9f6;height:53px}.hero-top-rainbow i{inset:42px 44px 0;border-width:13px;border-color:#9b82ed;height:27px}.hero-top-rainbow span,.hero-top-rainbow b{position:absolute;color:#fff;font-size:23px;animation:twinkle 2.2s ease-in-out infinite}.hero-top-rainbow span{right:-22px;top:8px}.hero-top-rainbow b{left:-22px;top:54px;animation-delay:-1.1s}@keyframes topRainbowFloat{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-12px) rotate(1.5deg)}}
.rainbow-readers{position:absolute;z-index:1;right:calc(8% + 5px);top:270px;width:220px;height:auto;object-fit:contain;filter:drop-shadow(0 13px 14px rgba(49,61,108,.15));animation:readersFloat 5.2s ease-in-out infinite;pointer-events:none}@keyframes readersFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
.home-hero .hero-content>p{text-align:center;margin-right:auto;margin-left:auto}
.feature-strip{margin-top:-28px;position:relative;z-index:5}
.feature-strip .container{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.feature-pill{background:#fff;padding:20px 16px;border-radius:22px;text-align:center;box-shadow:0 12px 35px rgba(49,62,95,.10);border:2px solid #f1eef5;font-weight:800}
.feature-pill span{display:block;font-size:28px;margin-bottom:4px}
.section-kicker{text-align:center;margin-bottom:14px;color:var(--hotpink);font-weight:800}
.stats{background:linear-gradient(135deg,#7dcefa,#9a87ef);color:#fff;padding:70px 0;position:relative;overflow:hidden}
.stats:before,.stats:after{content:"";position:absolute;background:rgba(255,255,255,.13);border-radius:50%}
.stats:before{width:300px;height:300px;right:-100px;top:-160px}.stats:after{width:260px;height:260px;left:-80px;bottom:-160px}
.stats-grid{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:20px;text-align:center}
.stat b{display:block;font-size:40px;line-height:1.2}.stat span{font-size:14px;color:rgba(255,255,255,.9)}
.news-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:24px}
.news-card{background:#fff;border-radius:28px;overflow:hidden;border:2px solid #f1edf4;box-shadow:0 12px 30px rgba(50,60,90,.06)}
.news-card .thumb{height:170px;background:linear-gradient(135deg,#ffbad4,#ffd95a)}
.news-card:nth-child(2) .thumb{background:linear-gradient(135deg,#b9f2d0,#65bdf6)}
.news-card:nth-child(3) .thumb{background:linear-gradient(135deg,#cfc1ff,#ff9f43)}
.news-card .body{padding:22px}.news-card small{color:var(--hotpink);font-weight:800}.news-card h3{margin:8px 0;font-size:19px}.news-card p{font-size:13px}
.testimonials{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.quote{padding:28px;border-radius:28px;background:#fff;border:2px solid #eee9f0;box-shadow:0 12px 30px rgba(50,60,90,.05)}
.quote:nth-child(1){border-top:6px solid var(--pink)}.quote:nth-child(2){border-top:6px solid var(--green)}.quote:nth-child(3){border-top:6px solid var(--orange)}
.quote .parent{font-weight:800;color:#4d526a;margin-top:15px}
.cta-box{background:linear-gradient(135deg,#ff83b7,#ff9f43);padding:60px;border-radius:42px;color:#fff;position:relative;overflow:hidden}
.cta-box:before{content:"☁";position:absolute;font-size:210px;opacity:.15;left:3%;bottom:-75px}.cta-box h2{color:#fff;max-width:650px}.cta-box p{color:#fff;max-width:650px}.cta-box .btn{background:#fff!important;color:var(--hotpink)!important;display:inline-block}
.timeline{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-top:35px}.time-card{padding:22px;border-radius:22px;background:#fff;border:2px solid #edf0f4;text-align:center}.time-card b{font-size:24px;color:var(--purple);display:block}
@media(max-width:900px){.feature-strip .container,.stats-grid,.timeline{grid-template-columns:repeat(2,1fr)}.news-grid,.testimonials{grid-template-columns:1fr}.hero-rainbow{display:none}}
@media(max-width:600px){.feature-strip .container,.stats-grid,.timeline{grid-template-columns:1fr}.hero-sun{left:8%;top:115px;width:58px;height:58px}.hero:before,.page-hero:before{opacity:.72}.cta-box{padding:38px 25px}}

/* v4: motion, depth and playful polish */
body{overflow-x:hidden}
.header{transition:height .3s ease,background .3s ease,box-shadow .3s ease}
.header.scrolled{height:72px;background:rgba(255,255,255,.96);box-shadow:0 10px 35px rgba(55,60,100,.12)}
.logo>span{animation:logoFloat 3.4s ease-in-out infinite}
.nav nav a:not(.nav-cta){position:relative;padding-block:8px}
.nav nav a:not(.nav-cta):after{content:"";position:absolute;right:50%;left:50%;bottom:2px;height:3px;border-radius:5px;background:linear-gradient(90deg,var(--pink),var(--orange));transition:.25s ease}
.nav nav a:not(.nav-cta):hover:after,.nav nav a.active:after{right:0;left:0}
.btn,.nav-cta,.form button{display:inline-block;position:relative;overflow:hidden;transition:transform .25s ease,box-shadow .25s ease,filter .25s ease}
.btn:hover,.nav-cta:hover,.form button:hover{transform:translateY(-3px);box-shadow:0 13px 26px rgba(255,111,174,.32);filter:saturate(1.12)}
.btn:active,.nav-cta:active,.form button:active{transform:translateY(0) scale(.98)}
.btn:after,.nav-cta:after,.form button:after{content:"";position:absolute;inset:-60% auto -60% -45%;width:32%;background:rgba(255,255,255,.35);transform:rotate(18deg);transition:left .55s ease}
.btn:hover:after,.nav-cta:hover:after,.form button:hover:after{left:115%}

.hero-sun{transform:translate(var(--mx,0),var(--my,0));animation:sunPulse 4s ease-in-out infinite;transition:transform .25s ease-out}
.hero-rainbow{transform:translate(var(--rx,0),var(--ry,0));animation:rainbowBob 5s ease-in-out infinite;transition:transform .25s ease-out}
.hero-cloud-badge{animation:badgeFloat 3.2s ease-in-out infinite;transform-origin:center}
.hero-content .eyebrow,.hero-content h1,.hero-content p,.hero-content .btn,.page-hero .eyebrow,.page-hero h1,.page-hero p{animation:heroIn .75s both cubic-bezier(.2,.75,.25,1)}
.hero-content h1,.page-hero h1{animation-delay:.1s}.hero-content p,.page-hero p{animation-delay:.2s}.hero-content .btn{animation-delay:.3s}
.feature-pill{transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease}
.feature-pill:hover{transform:translateY(-7px) rotate(-1deg);box-shadow:0 18px 42px rgba(49,62,95,.15);border-color:#ffd4e5}
.feature-pill span{transition:transform .35s cubic-bezier(.2,.8,.2,1.3)}.feature-pill:hover span{transform:scale(1.18) rotate(8deg)}
.cards article,.news-card,.quote,.time-card,.values>div,.gallery div{will-change:transform}
.cards article .icon{transition:transform .35s cubic-bezier(.2,.8,.2,1.35)}
.cards article:hover .icon{transform:scale(1.12) rotate(7deg)}
.photo{transition:transform .45s ease,box-shadow .45s ease}.photo:hover{transform:rotate(0) scale(1.015);box-shadow:0 28px 65px rgba(63,80,120,.18)}
.news-card{transition:transform .3s ease,box-shadow .3s ease}.news-card:hover{transform:translateY(-7px);box-shadow:0 20px 46px rgba(50,60,90,.12)}
.news-card .thumb{position:relative;overflow:hidden}.news-card .thumb:after{content:"✦";position:absolute;color:rgba(255,255,255,.72);font-size:52px;left:22px;top:20px;animation:starSpin 8s linear infinite}
.quote{transition:transform .3s ease,box-shadow .3s ease}.quote:hover{transform:translateY(-6px);box-shadow:0 18px 42px rgba(50,60,90,.11)}
.time-card{transition:transform .3s ease,border-color .3s ease}.time-card:hover{transform:translateY(-5px);border-color:#cfc3ff}
.cta-box{box-shadow:0 22px 50px rgba(255,111,174,.23)}.cta-box:before{animation:cloudDrift 9s ease-in-out infinite}
.top:hover{transform:translateY(-4px) rotate(5deg)}

.reveal{opacity:0;transform:translateY(28px) scale(.985);transition:opacity .65s ease var(--delay,0ms),transform .65s cubic-bezier(.2,.75,.25,1) var(--delay,0ms)}
.reveal.revealed{opacity:1;transform:none}

@keyframes heroIn{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}
@keyframes logoFloat{50%{transform:translateY(-3px) rotate(4deg)}}
@keyframes badgeFloat{50%{transform:translateY(-8px) rotate(-1deg)}}
@keyframes sunPulse{50%{box-shadow:0 0 0 21px rgba(255,226,103,.11);filter:brightness(1.04)}}
@keyframes rainbowBob{50%{margin-bottom:8px}}
@keyframes starSpin{to{transform:rotate(360deg)}}
@keyframes cloudDrift{50%{transform:translateX(22px) translateY(-5px)}}

@media(max-width:900px){.nav nav a:not(.nav-cta):after{display:none}.nav nav.open{animation:menuIn .25s ease both}@keyframes menuIn{from{opacity:0;transform:translateY(-9px)}to{opacity:1;transform:none}}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}}

/* v5: animated learning wheel */
.wonder-wheel-section{position:relative;z-index:4;margin-top:-28px;padding:82px 0 92px;overflow:hidden;background:linear-gradient(180deg,#fffdf9 0%,#fff9fc 100%)}
.wonder-wheel-section:before,.wonder-wheel-section:after{content:"";position:absolute;border-radius:50%;filter:blur(1px);pointer-events:none}
.wonder-wheel-section:before{width:230px;height:230px;background:rgba(101,189,246,.12);right:-85px;top:80px}
.wonder-wheel-section:after{width:180px;height:180px;background:rgba(255,217,90,.16);left:-55px;bottom:30px}
.wheel-layout{display:grid;grid-template-columns:.88fr 1.12fr;gap:55px;align-items:center}
.wheel-copy{max-width:480px}.wheel-copy .eyebrow{color:var(--hotpink)}.wheel-copy h2{font-size:clamp(30px,4vw,49px);line-height:1.45;margin:0 0 16px}.wheel-copy p{color:#68728a}
.wheel-legend{display:flex;flex-wrap:wrap;gap:9px;margin-top:24px}.wheel-legend span{padding:7px 13px;border:1px solid #f0e5ec;border-radius:20px;background:#fff;font-size:12px;font-weight:800;box-shadow:0 7px 18px rgba(54,64,90,.05)}
.wheel-stage{position:relative;min-height:520px;border-radius:46px;background:linear-gradient(150deg,#dff5ff,#f4ecff 58%,#fff4d4);border:7px solid #fff;box-shadow:0 24px 65px rgba(78,91,140,.14);display:grid;place-items:center;overflow:hidden}
.wheel-stage:before,.wheel-stage:after{content:"☁";position:absolute;color:rgba(255,255,255,.92);font-size:105px;line-height:1}.wheel-stage:before{right:3%;top:2%;animation:littleCloud 7s ease-in-out infinite}.wheel-stage:after{left:2%;top:17%;font-size:75px;animation:littleCloud 9s ease-in-out -2s infinite reverse}
.wheel-sky-star{position:absolute;color:#fff;font-size:24px;animation:twinkle 2.4s ease-in-out infinite}.star-one{right:18%;top:18%}.star-two{left:20%;top:11%;animation-delay:-1.1s}
.ferris-wheel{position:relative;width:400px;height:450px;margin-top:30px}
.wheel-ring{position:absolute;z-index:2;width:330px;height:330px;right:35px;top:18px;border:13px solid #ff78b1;border-radius:50%;box-shadow:inset 0 0 0 7px #fff,0 12px 25px rgba(102,106,170,.14);animation:wheelTurn 22s linear infinite}
.wheel-ring:before,.wheel-ring:after{content:"";position:absolute;inset:50% auto auto 50%;width:88%;height:5px;border-radius:4px;background:#ff9f43;transform:translate(-50%,-50%)}.wheel-ring:after{transform:translate(-50%,-50%) rotate(90deg)}
.spoke{position:absolute;right:50%;top:50%;width:48%;height:4px;border-radius:4px;background:#9a7df5;transform-origin:right center}.s1{transform:rotate(45deg)}.s2{transform:rotate(135deg)}.s3{transform:rotate(225deg)}.s4{transform:rotate(315deg)}
.wheel-hub{position:absolute;z-index:6;right:172px;top:160px;width:56px;height:56px;border:8px solid #fff;border-radius:50%;background:linear-gradient(135deg,var(--yellow),var(--orange));display:grid;place-items:center;color:#fff;font-size:21px;box-shadow:0 8px 18px rgba(70,80,120,.2)}
.wheel-stand{position:absolute;z-index:1;top:304px;width:16px;height:128px;border-radius:12px;background:#7869cf;transform-origin:top}.wheel-stand.left{left:154px;transform:rotate(18deg)}.wheel-stand.right{right:154px;transform:rotate(-18deg)}.wheel-base{position:absolute;z-index:3;bottom:14px;right:82px;width:236px;height:22px;border-radius:18px 18px 8px 8px;background:linear-gradient(90deg,#65cf8d,#65bdf6);box-shadow:0 7px 0 rgba(75,104,140,.08)}
.gondola{position:absolute;z-index:5;width:128px;height:74px;display:grid;place-items:center}.gondola>div{width:100%;min-height:67px;border:4px solid #fff;border-radius:18px 18px 25px 25px;background:#fff;box-shadow:0 9px 22px rgba(59,68,110,.18);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;animation:gondolaLevel 22s linear infinite reverse}.gondola b{font-size:20px;line-height:1.1}.gondola span{font-size:11px;font-weight:900;white-space:nowrap;color:#414963}
.g1{right:94px;top:-50px}.g2{right:-61px;top:128px}.g3{right:94px;bottom:-50px}.g4{left:-61px;top:128px}
.g1>div{border-color:#ffd2e2}.g2>div{border-color:#ffe6aa}.g3>div{border-color:#bdeed0}.g4>div{border-color:#ccecff}

/* team */
.team-section{background:linear-gradient(180deg,#fffdf9,#fff8ee)}.team-heading{margin-inline:auto;text-align:center}.team-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:21px}
.team-card{position:relative;background:#fff;border:2px solid #f0e8ed;border-radius:30px;padding:12px 12px 25px;text-align:center;box-shadow:0 13px 35px rgba(48,58,90,.07);transition:transform .35s ease,box-shadow .35s ease}.team-card:hover{transform:translateY(-9px) rotate(-.5deg);box-shadow:0 22px 48px rgba(48,58,90,.14)}
.team-photo{height:240px;border-radius:22px;overflow:hidden;background:#f4eef2}.team-photo img{width:100%;height:100%;object-fit:cover;object-position:center top;transition:transform .55s ease}.team-card:hover img{transform:scale(1.06)}
.team-info{padding:20px 7px 0}.team-info h3{margin:0 0 5px;font-size:19px}.team-info p{margin:0!important;color:var(--hotpink)!important;font-size:13px;font-weight:900}.team-info span{display:block;color:#8a90a3;font-size:11px;margin-top:7px}

@keyframes wheelTurn{to{transform:rotate(360deg)}}
@keyframes gondolaLevel{to{transform:rotate(360deg)}}
@keyframes littleCloud{50%{transform:translateX(18px) translateY(-5px)}}
@keyframes twinkle{50%{transform:scale(.55) rotate(35deg);opacity:.4}}
@media(max-width:1000px){.wheel-layout{grid-template-columns:1fr}.wheel-copy{max-width:700px;margin:auto;text-align:center}.wheel-legend{justify-content:center}.team-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.wonder-wheel-section{padding:68px 0}.wheel-stage{min-height:420px;border-radius:32px}.ferris-wheel{width:400px;height:450px;transform:scale(.66);transform-origin:center}.ferris-wheel .gondola{width:155px}.ferris-wheel .gondola span{font-size:15px}.ferris-wheel .gondola b{font-size:26px}.ferris-wheel .g2{right:-35px}.ferris-wheel .g4{left:-35px}.team-grid{grid-template-columns:1fr}.team-photo{height:310px}.team-card{max-width:360px;width:100%;margin:auto}}
@media(max-width:360px){.ferris-wheel{transform:scale(.59)}.wheel-stage{min-height:390px}.ferris-wheel .g2{right:-28px}.ferris-wheel .g4{left:-28px}}

/* v6: expanded about page */
.about-photo{background-image:linear-gradient(135deg,rgba(101,189,246,.08),rgba(154,125,245,.12)),url("https://images.unsplash.com/photo-1509062522246-3755977927d3?auto=format&fit=crop&w=1100&q=85")}
.about-pillars{grid-template-columns:repeat(3,1fr)}
.about-pillars article{min-height:225px}
.about-team{background:linear-gradient(180deg,#f6fbff,#fff8ee)}
.about-team .team-heading{max-width:820px}
.team-note{max-width:720px;margin:28px auto 0;text-align:center;font-size:12px;color:#8a90a3!important}
.about-cta{max-width:1050px;margin:auto}
@media(max-width:900px){.about-pillars{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.about-pillars{grid-template-columns:1fr}.about-pillars article{min-height:0}}

/* v7: official header logo */
.header{height:96px}
.brand-logo{flex:0 0 auto;width:91px;height:84px;display:grid;place-items:center;padding:2px;border-radius:16px;transition:transform .3s ease,filter .3s ease}
.brand-logo img{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 5px 9px rgba(53,64,91,.12))}
.brand-logo:hover{transform:translateY(-2px) scale(1.025);filter:saturate(1.08)}
.header.scrolled .brand-logo{height:68px;width:76px}
@media(max-width:900px){.header{height:82px}.brand-logo{width:76px;height:70px}.nav nav{top:78px}.header.scrolled .brand-logo{width:68px;height:62px}}
@media(max-width:600px){.brand-logo{width:70px;height:64px}.header{height:76px}.nav nav{top:72px}}

/* v8: optimized real school photography */
.photo{background-image:linear-gradient(135deg,rgba(255,111,174,.08),rgba(101,189,246,.08)),url("../assets/photos/17.webp")}
.preschool-photo{background-image:linear-gradient(135deg,rgba(255,159,67,.08),rgba(101,207,141,.1)),url("../assets/photos/24.webp")}
.about-photo{background-image:linear-gradient(135deg,rgba(101,189,246,.06),rgba(154,125,245,.08)),url("../assets/photos/20.webp")}
.news-card:nth-child(1) .thumb{background:url("../assets/photos/19.webp") center 38%/cover}
.news-card:nth-child(2) .thumb{background:url("../assets/photos/21.webp") center 42%/cover}
.news-card:nth-child(3) .thumb{background:url("../assets/photos/25.webp") center/cover}
.gallery{grid-template-columns:repeat(3,1fr);align-items:start}
.gallery figure[data-featured="people"]{order:-1}
.gallery figure{position:relative;height:270px;margin:0;border-radius:26px;overflow:hidden;background:#edf4f7;box-shadow:0 11px 28px rgba(45,55,85,.11);transition:opacity .3s ease,transform .3s ease,box-shadow .3s ease}
.gallery figure:nth-child(5n+1),.gallery figure:nth-child(5n+4){height:330px}
.gallery figure:hover{transform:translateY(-5px) scale(1.012);box-shadow:0 19px 40px rgba(45,55,85,.18)}
.gallery figure.filtered-out{display:none}
.gallery img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .55s ease}.gallery figure:hover img{transform:scale(1.055)}
.gallery figcaption{position:absolute;right:12px;left:12px;bottom:12px;padding:8px 12px;border-radius:13px;background:rgba(53,64,91,.74);backdrop-filter:blur(8px);color:#fff;font-size:12px;font-weight:800;transform:translateY(8px);opacity:0;transition:.3s ease}.gallery figure:hover figcaption{transform:none;opacity:1}
@media(max-width:900px){.gallery{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.gallery{grid-template-columns:1fr}.gallery figure,.gallery figure:nth-child(5n+1),.gallery figure:nth-child(5n+4){height:300px}.gallery figcaption{opacity:1;transform:none}}

/* v9: rich internal-page content */
.content-section{overflow:hidden}.content-panel{padding:32px;background:#fff;border:2px solid #ecebf2;border-radius:28px;box-shadow:0 15px 40px rgba(48,58,90,.08)}
.content-panel h3{margin-top:0;font-size:23px;color:#414761}.text-link{color:var(--hotpink);font-weight:800;border-bottom:1px dashed currentColor}.text-link:hover{color:var(--purple)}
.mini-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:30px}.mini-grid.four{grid-template-columns:repeat(4,1fr)}
.mini-grid>div{padding:25px;background:#fff;border:2px solid #f0ebef;border-radius:23px;box-shadow:0 10px 28px rgba(48,58,90,.055)}.mini-grid>div:nth-child(3n+1){border-top:5px solid var(--pink)}.mini-grid>div:nth-child(3n+2){border-top:5px solid var(--green)}.mini-grid>div:nth-child(3n){border-top:5px solid var(--orange)}.mini-grid b{display:block;font-size:17px;color:#414761}.mini-grid p{margin:7px 0 0;font-size:13px}
.inline-cta{margin-top:42px;padding:26px 30px;border-radius:25px;background:linear-gradient(110deg,#f5f0ff,#fff2f7);display:flex;align-items:center;justify-content:space-between;gap:25px}.inline-cta p{margin:0;max-width:720px}.gallery-intro{max-width:820px}
@media(max-width:900px){.mini-grid,.mini-grid.four{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.mini-grid,.mini-grid.four{grid-template-columns:1fr}.inline-cta{align-items:flex-start;flex-direction:column}.content-panel{padding:25px}}

/* contact map — clean version 10 base */
.map-card{border-radius:30px;overflow:hidden;background:#fff;border:5px solid #fff;box-shadow:0 18px 50px rgba(49,62,95,.14)}
.map-card iframe{display:block;width:100%;height:390px}.map-caption{padding:18px 20px;display:grid;gap:3px}.map-caption b{font-size:16px;color:#414761}.map-caption span{font-size:12px;color:#7c8498}.map-caption a{margin-top:8px;color:var(--hotpink);font-size:12px;font-weight:900}
@media(max-width:600px){.map-card iframe{height:320px}}

/* Internal page hero: keep title and subtitle above the white wave */
.page-hero{min-height:650px;align-items:flex-start;padding-top:96px}
.page-hero .hero-content{padding-top:78px;padding-bottom:165px}
.page-hero:after{height:190px;bottom:-125px}
@media(max-width:900px){.page-hero{min-height:630px;padding-top:82px}.page-hero .hero-content{padding-top:78px;padding-bottom:155px}}
@media(max-width:600px){.page-hero{min-height:640px;padding-top:76px}.page-hero .hero-content{padding-top:52px;padding-bottom:145px}.page-hero:after{height:145px;bottom:-95px}.page-hero h1{font-size:clamp(32px,10vw,43px)}.page-hero p{font-size:14px;line-height:1.9}}

/* Animated growth tree */
.growth-tree-section{overflow:hidden;background:linear-gradient(180deg,#fffdf9,#f3fbf5)}
.growth-tree-layout{display:grid;grid-template-columns:.88fr 1.12fr;gap:60px;align-items:center}.growth-tree-copy{max-width:500px}.growth-tree-copy .eyebrow{color:#35aa6b}.growth-tree-copy h2{font-size:clamp(31px,4vw,49px);line-height:1.45;margin:0 0 16px}.growth-tree-copy p{color:#68728a}
.tree-principles{display:flex;flex-wrap:wrap;gap:9px;margin-top:24px}.tree-principles span{padding:8px 13px;border-radius:18px;background:#fff;border:1px solid #dcefe3;font-size:12px;font-weight:800;box-shadow:0 7px 18px rgba(54,90,64,.06)}
.tree-stage{position:relative;min-height:570px;border:7px solid #fff;border-radius:48px;overflow:hidden;background:radial-gradient(circle at 78% 13%,rgba(255,222,92,.72) 0 6%,transparent 6.4%),linear-gradient(160deg,#dff7ff 0%,#eef9e7 58%,#fff1ce 100%);box-shadow:0 24px 65px rgba(63,92,91,.14)}
.tree-stage:before,.tree-stage:after{content:"☁";position:absolute;color:rgba(255,255,255,.9);font-size:88px;line-height:1;animation:treeCloud 8s ease-in-out infinite}.tree-stage:before{right:2%;top:4%}.tree-stage:after{left:3%;top:17%;font-size:62px;animation-delay:-3s}
.tree-visual{position:absolute;z-index:2;width:340px;height:450px;left:50%;bottom:46px;transform:translateX(-50%)}
.tree-canopy{position:absolute;z-index:4;left:28px;top:18px;width:284px;height:245px;transform-origin:50% 100%;animation:canopySway 5s ease-in-out infinite}.leaf{position:absolute;border:7px solid rgba(255,255,255,.82);border-radius:50%;box-shadow:0 12px 25px rgba(49,105,68,.13);animation:leafBreathe 4s ease-in-out infinite}.leaf1{width:145px;height:135px;left:5px;top:78px;background:#78d89a}.leaf2{width:150px;height:145px;right:3px;top:75px;background:#58c887;animation-delay:-1s}.leaf3{width:140px;height:135px;left:72px;top:3px;background:#8be0a7;animation-delay:-2s}.leaf4{width:105px;height:105px;left:11px;top:24px;background:#67cd8d;animation-delay:-.6s}.leaf5{width:105px;height:110px;right:12px;top:20px;background:#92dda3;animation-delay:-1.7s}.leaf6{width:105px;height:100px;left:92px;top:112px;background:#49b977;animation-delay:-2.6s}
.tree-trunk{position:absolute;z-index:3;left:132px;bottom:50px;width:78px;height:230px;background:linear-gradient(90deg,#a86436,#d29455 48%,#92532f);border:7px solid #fff;border-radius:44% 44% 25px 25px/25% 25% 12px 12px;box-shadow:0 13px 25px rgba(73,73,67,.15)}.tree-trunk span{position:absolute;inset:24px 25px;background:rgba(255,236,181,.28);border-radius:50%}
.tree-branch{position:absolute;z-index:3;width:120px;height:25px;background:#ad6c3d;border:6px solid #fff;border-radius:20px;transform-origin:0 50%}.branch-left{left:135px;top:230px;transform:rotate(205deg)}.branch-right{left:192px;top:226px;transform:rotate(-26deg)}.branch-top{left:170px;top:207px;width:105px;transform:rotate(-88deg)}
.tree-root{position:absolute;z-index:2;bottom:40px;width:125px;height:25px;border-bottom:17px solid #9b5b36;border-radius:50%}.root1{left:45px;transform:rotate(-12deg)}.root2{right:43px;transform:rotate(12deg)}.root3{left:109px;width:125px;bottom:27px}
.tree-ground{position:absolute;z-index:5;right:7%;left:7%;bottom:22px;height:46px;border-radius:50% 50% 25px 25px;background:linear-gradient(90deg,#65cf8d,#a6df85);box-shadow:0 8px 0 rgba(67,125,76,.1);display:flex;align-items:center;justify-content:center;gap:10px}.tree-ground span{padding:4px 10px;border-radius:13px;background:rgba(255,255,255,.88);font-size:10px;font-weight:900;color:#4d765a}
.tree-fruit{position:absolute;z-index:7;width:124px;padding:10px 9px;border:4px solid #fff;border-radius:21px;background:#fff;text-align:center;box-shadow:0 10px 25px rgba(53,70,75,.16);animation:fruitFloat 3.5s ease-in-out infinite}.tree-fruit b{display:block;font-size:20px;line-height:1.1}.tree-fruit span{display:block;font-size:12px;font-weight:900;color:#404961}.tree-fruit small{display:block;color:#8992a3;font-size:9px}.fruit-creative{left:7%;top:15%;border-color:#ffd0e1}.fruit-self{right:5%;top:22%;border-color:#ffe4a0;animation-delay:-.8s}.fruit-team{left:4%;top:51%;border-color:#c6ebd2;animation-delay:-1.6s}.fruit-future{right:4%;top:55%;border-color:#cbdcff;animation-delay:-2.4s}
.tree-star{position:absolute;z-index:2;color:#fff;font-style:normal;font-size:23px;animation:twinkle 2.5s ease-in-out infinite}.ts1{left:23%;top:8%}.ts2{right:24%;top:11%;animation-delay:-1s}.ts3{right:15%;top:44%;animation-delay:-1.8s}
@keyframes canopySway{50%{transform:rotate(1.8deg) translateX(2px)}}@keyframes leafBreathe{50%{transform:scale(1.035)}}@keyframes fruitFloat{50%{transform:translateY(-8px) rotate(-1deg)}}@keyframes treeCloud{50%{transform:translateX(17px)}}
@media(max-width:1000px){.growth-tree-layout{grid-template-columns:1fr}.growth-tree-copy{max-width:760px;margin:auto;text-align:center}.tree-principles{justify-content:center}.tree-stage{max-width:670px;width:100%;margin:auto}}
@media(max-width:600px){.growth-tree-section{padding-top:65px}.tree-stage{min-height:500px;border-radius:34px}.tree-visual{transform:translateX(-50%) scale(.8);transform-origin:bottom center;bottom:42px}.tree-fruit{width:105px;padding:8px 5px}.tree-fruit small{display:none}.fruit-creative{left:2%;top:18%}.fruit-self{right:2%;top:25%}.fruit-team{left:2%;top:57%}.fruit-future{right:2%;top:61%}.tree-ground{right:4%;left:4%;gap:4px}.tree-ground span{padding:3px 7px}}

/* warmer, more useful footer */
.footer:after{content:"✦";position:absolute;left:5%;bottom:46px;color:rgba(255,255,255,.05);font-size:180px;line-height:1;transform:rotate(-12deg);pointer-events:none}
.footer-mark{display:inline-block;padding:6px 11px;margin-bottom:13px;border-radius:14px;background:rgba(255,255,255,.09);color:#ffdf69;font-size:11px;font-weight:900}.footer-about h3{max-width:330px;margin-bottom:10px;font-size:19px;line-height:1.7}.footer-about p{max-width:360px;line-height:1.9}.footer h4{position:relative;padding-bottom:10px;margin-bottom:14px}.footer h4:after{content:"";position:absolute;right:0;bottom:0;width:30px;height:3px;border-radius:4px;background:linear-gradient(90deg,var(--pink),var(--orange))}
.footer-grid>div:not(.footer-about) a{width:max-content;max-width:100%;transition:color .25s ease,transform .25s ease}.footer-grid>div:not(.footer-about) a:hover{color:#fff;transform:translateX(-4px)}.footer-contact p{line-height:1.85;margin-bottom:9px}.footer .footer-contact-link{display:inline-block!important;margin-top:12px!important;padding:8px 12px;border:1px solid rgba(255,255,255,.18);border-radius:13px;color:#fff;font-weight:800}
.footer .instagram-link{display:flex!important;align-items:center;gap:9px;margin-top:14px;padding:9px 13px;border:1px solid rgba(255,255,255,.22);border-radius:14px;background:linear-gradient(135deg,rgba(240,75,129,.22),rgba(130,92,246,.2),rgba(255,163,65,.18));color:#fff!important;font-size:12px;font-weight:900;box-shadow:0 8px 22px rgba(15,22,50,.13);cursor:pointer}.footer .instagram-link svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8}.footer .instagram-link svg circle:last-child{fill:currentColor;stroke:none}.footer .instagram-link:hover{transform:translateY(-2px)!important;background:linear-gradient(135deg,rgba(240,75,129,.38),rgba(130,92,246,.32),rgba(255,163,65,.28))}
@media(max-width:900px){.footer-grid{gap:38px 55px}.footer-about h3{max-width:none}}
@media(max-width:600px){.footer-grid{text-align:right;gap:28px;padding-bottom:38px}.footer:after{font-size:120px}.footer-about p{max-width:none}}

/* Animated science laboratory */
.science-lab-section{overflow:hidden;background:linear-gradient(155deg,#eefaff 0%,#f8f2ff 55%,#fff6dc 100%)}
.science-lab-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:58px;align-items:center}.science-copy .eyebrow{color:#168db8}.science-copy h2{font-size:clamp(31px,4vw,49px);line-height:1.45;margin:0 0 16px}.science-copy p{color:#68728a}
.science-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-top:27px}.science-steps>div{padding:14px 7px;border:2px solid #dceef5;border-radius:19px;background:rgba(255,255,255,.84);text-align:center;box-shadow:0 8px 20px rgba(53,85,105,.06)}.science-steps b{width:28px;height:28px;margin:0 auto 5px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#65bdf6,#9a7df5);color:#fff;font-size:12px}.science-steps span{display:block;font-size:11px;font-weight:900;color:#414761}.science-steps small{display:block;color:#9299a8;font-size:8px;margin-top:2px}
.lab-stage{position:relative;min-height:570px;border:7px solid #fff;border-radius:48px;overflow:hidden;background:radial-gradient(circle at 16% 15%,rgba(255,217,90,.48) 0 7%,transparent 7.4%),linear-gradient(155deg,#beeaff,#d9d0ff 57%,#ffd5e5);box-shadow:0 24px 65px rgba(58,79,115,.16)}
.lab-stage:before{content:"✦";position:absolute;right:7%;top:5%;font-size:36px;color:rgba(255,255,255,.8);animation:twinkle 2.5s ease-in-out infinite}.lab-photo{position:absolute;z-index:2;right:14%;top:7%;width:59%;height:86%;padding:8px;border-radius:34px;background:#fff;box-shadow:0 20px 45px rgba(43,57,94,.22);transform:rotate(1.2deg);transition:.45s ease}.lab-photo:hover{transform:rotate(0) scale(1.012)}.lab-photo img{width:100%;height:100%;display:block;object-fit:cover;border-radius:27px}.lab-photo span{position:absolute;right:22px;bottom:22px;left:22px;padding:8px 10px;border-radius:14px;background:rgba(53,64,91,.77);backdrop-filter:blur(8px);color:#fff;text-align:center;font-size:11px;font-weight:900}
.lab-atom{position:absolute;z-index:5;left:5%;top:9%;width:110px;height:110px;animation:atomFloat 4s ease-in-out infinite}.lab-atom i{position:absolute;inset:38px 2px;border:3px solid #fff;border-radius:50%;box-shadow:0 4px 12px rgba(41,74,105,.08)}.lab-atom i:nth-child(2){transform:rotate(60deg)}.lab-atom i:nth-child(3){transform:rotate(120deg)}.lab-atom b{position:absolute;left:44px;top:44px;width:22px;height:22px;border-radius:50%;background:#ff6fae;box-shadow:0 0 0 8px rgba(255,111,174,.17)}
.lab-flask{position:absolute;z-index:5;left:7%;bottom:8%;width:90px;height:125px;border:6px solid #fff;border-top:0;border-radius:12px 12px 37px 37px;overflow:hidden;filter:drop-shadow(0 10px 14px rgba(40,70,95,.14));animation:flaskRock 5s ease-in-out infinite}.lab-flask:before{content:"";position:absolute;left:27px;top:-28px;width:25px;height:45px;border:6px solid #fff;border-bottom:0;background:rgba(255,255,255,.18)}.lab-flask span{position:absolute;right:0;bottom:0;left:0;height:58%;background:linear-gradient(#6dddf0,#65bdf6)}.lab-flask i{position:absolute;z-index:2;border-radius:50%;background:#fff;opacity:.75;animation:labBubble 2.6s ease-in infinite}.lab-flask i:nth-of-type(1){width:12px;height:12px;left:18px;bottom:16px}.lab-flask i:nth-of-type(2){width:8px;height:8px;right:17px;bottom:25px;animation-delay:-.8s}.lab-flask i:nth-of-type(3){width:7px;height:7px;left:39px;bottom:12px;animation-delay:-1.6s}
.lab-bubble{position:absolute;z-index:4;border:3px solid rgba(255,255,255,.9);border-radius:50%;background:rgba(101,189,246,.2);animation:freeBubble 4s ease-in-out infinite}.lb1{width:23px;height:23px;left:20%;top:36%}.lb2{width:14px;height:14px;left:8%;top:43%;animation-delay:-1s}.lb3{width:30px;height:30px;right:5%;top:25%;animation-delay:-2s}.lb4{width:17px;height:17px;right:7%;bottom:18%;animation-delay:-3s}
.lab-note{position:absolute;z-index:6;padding:9px 12px;border:4px solid #fff;border-radius:16px;background:#fff;box-shadow:0 9px 23px rgba(50,63,95,.15);font-size:10px;font-weight:900;color:#414761;animation:fruitFloat 3.8s ease-in-out infinite}.note-one{left:3%;top:37%}.note-two{right:2%;top:11%;animation-delay:-1.2s}.note-three{right:1%;bottom:8%;animation-delay:-2.4s}
@keyframes atomFloat{50%{transform:translateY(-8px) rotate(8deg)}}@keyframes flaskRock{50%{transform:rotate(-3deg) translateY(-4px)}}@keyframes labBubble{to{transform:translateY(-48px);opacity:0}}@keyframes freeBubble{50%{transform:translateY(-12px) scale(1.12)}}
@media(max-width:1000px){.science-lab-layout{grid-template-columns:1fr}.science-copy{text-align:center;max-width:760px;margin:auto}.lab-stage{max-width:670px;width:100%;margin:auto}}
@media(max-width:600px){.science-steps{grid-template-columns:repeat(2,1fr)}.lab-stage{min-height:500px;border-radius:34px}.lab-photo{right:17%;width:66%;height:82%;top:9%}.lab-atom{scale:.76;transform-origin:left top}.lab-flask{scale:.73;transform-origin:left bottom}.lab-note{font-size:9px;padding:7px}.note-one{left:1%;top:40%}.note-two{right:1%;top:5%}.note-three{right:1%;bottom:5%}}

/* clickable contact numbers */
.phone-link{width:max-content;max-width:100%;font-weight:800}.contact-list .phone-link{display:block;margin:9px 0;padding:10px 14px;border:1px solid #e8e9ef;border-radius:14px;background:#fff;color:#4b556f;box-shadow:0 7px 18px rgba(48,58,90,.05);transition:.25s ease}.contact-list .phone-link:hover{color:var(--hotpink);transform:translateX(-4px);border-color:#ffd1e2}.footer .phone-link{color:rgba(255,255,255,.88)}

/* v11: stronger identity, headings and richer page ornament */
.nav nav{gap:11px;font-size:12px}
.persian-date{direction:rtl;flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:6px 10px;border:1px solid #e8e3ef;border-radius:13px;background:linear-gradient(135deg,#fff7fb,#f1f5ff);color:#697188;font-size:9px;font-weight:900;white-space:nowrap;box-shadow:0 6px 16px rgba(48,58,90,.06)}.persian-date:before{content:"📅";margin-left:5px;font-size:12px}
.nav nav .online-class-link{color:#6e72d9}.nav nav .online-class-link:before{content:"◉";margin-left:4px;color:#ff5d9d;font-size:8px;animation:twinkle 2.2s ease-in-out infinite}.nav nav .online-class-link[aria-disabled="true"]{cursor:default}
.school-name{display:block;margin:0 auto 10px;color:#ef4056;font-size:clamp(26px,3.4vw,48px);font-weight:1000;line-height:1.45;text-align:center;text-shadow:0 4px 18px rgba(239,64,86,.2)}
.home-tagline{font-size:clamp(26px,3.3vw,46px)!important;background:linear-gradient(90deg,#fff4a0,#fff,#b8f3ff);background-clip:text;-webkit-background-clip:text;color:transparent!important;white-space:nowrap}
.manager-badge{display:table;margin:18px auto 22px;padding:9px 18px;border:1px solid rgba(255,255,255,.5);border-radius:22px;background:rgba(255,255,255,.2);backdrop-filter:blur(8px);color:#fff;font-size:14px;font-weight:900;box-shadow:0 10px 28px rgba(65,61,133,.16)}
.hero-cloud-badge{display:flex!important;align-items:center;justify-content:center;gap:10px;width:max-content;margin:0 auto 14px!important;padding:8px 17px;border:1px solid rgba(255,255,255,.45);border-radius:999px;background:rgba(255,255,255,.18);backdrop-filter:blur(8px);font-size:22px!important;letter-spacing:0!important;box-shadow:0 12px 30px rgba(54,59,120,.13);animation:badgeFloat 3.2s ease-in-out infinite}
.hero-cloud-badge b{font-size:27px}.hero-cloud-badge i{font-style:normal;color:#ffe066;animation:twinkle 2s ease-in-out infinite}.hero-cloud-badge i:last-child{animation-delay:-1s}
.page-hero .school-name{font-size:clamp(25px,3vw,43px);margin-bottom:7px}.page-hero .eyebrow{font-size:17px}.section-head>span,.section .eyebrow,.section-kicker{font-size:16px!important;font-weight:1000}.section h2,.section-head h2{font-size:clamp(30px,3.6vw,48px)}.wheel-copy>.eyebrow{font-size:21px!important;color:#ef4056}

/* Horizontal personnel slider */
.staff-slider-shell{position:relative;display:grid;grid-template-columns:52px minmax(0,1fr) 52px;align-items:center;gap:12px;margin-top:28px}
.staff-marquee{min-width:0;overflow:hidden;padding:10px 0 24px}
.staff-track{display:flex;direction:ltr;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#ff9bc6 #f3edf5;padding:5px 4px 18px;overscroll-behavior-inline:contain}.staff-track::-webkit-scrollbar{height:7px}.staff-track::-webkit-scrollbar-track{background:#f3edf5;border-radius:20px}.staff-track::-webkit-scrollbar-thumb{background:linear-gradient(90deg,var(--pink),var(--purple));border-radius:20px}
.staff-card{direction:rtl;flex:0 0 245px;padding:24px 20px;border:2px solid #f0e9ef;border-radius:25px;background:#fff;text-align:center;box-shadow:0 13px 32px rgba(49,58,87,.08)}.staff-avatar{width:72px;height:72px;margin:0 auto 13px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(135deg,#ffd5e6,#d8efff);font-size:34px;border:5px solid #fff;box-shadow:0 8px 20px rgba(52,68,104,.13)}.staff-card h3{margin:0 0 6px;color:#414761;font-size:17px}.staff-card p{margin:0;color:#ef527e;font-size:12px;font-weight:900}.staff-card small{display:block;margin-top:8px;color:#8991a3;line-height:1.8}
.staff-card{scroll-snap-align:start}.staff-arrow{width:48px;height:48px;border:0;border-radius:50%;display:grid;place-items:center;background:#fff;color:#ef527e;font-family:inherit;font-size:35px;line-height:1;box-shadow:0 10px 28px rgba(52,62,93,.14);cursor:pointer;transition:.25s ease}.staff-arrow:hover{color:#fff;background:linear-gradient(135deg,var(--pink),var(--purple));transform:scale(1.07)}

/* New academy and parenting pages */
.topic-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.topic-card{padding:27px;border:2px solid #f0ebef;border-radius:25px;background:#fff;box-shadow:0 12px 30px rgba(50,59,88,.07)}.topic-card .icon{font-size:35px}.topic-card h3{font-size:21px;margin:11px 0 7px}.topic-card p{margin:0;font-size:13px}.topic-card:nth-child(3n+1){border-top:5px solid var(--pink)}.topic-card:nth-child(3n+2){border-top:5px solid var(--green)}.topic-card:nth-child(3n){border-top:5px solid var(--orange)}
@media(max-width:1050px){.nav nav{gap:7px;font-size:11px}}
@media(max-width:900px){.topic-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.home-tagline{white-space:normal;font-size:28px!important}.school-name{font-size:29px}.manager-badge{font-size:12px}.page-hero .hero-content{padding-top:56px}.section-head>span,.section .eyebrow,.section-kicker{font-size:18px!important}.section h2,.section-head h2{font-size:31px}.topic-grid{grid-template-columns:1fr}.staff-slider-shell{grid-template-columns:38px minmax(0,1fr) 38px;gap:5px}.staff-arrow{width:36px;height:36px;font-size:27px}.staff-card{flex-basis:220px}}

/* Internal page labels: centered, larger and red */
.page-hero .hero-content{text-align:center;max-width:980px}.page-hero .eyebrow{display:table;margin:0 auto 15px;color:#ef4056!important;font-size:clamp(21px,2.3vw,30px)!important;font-weight:1000;text-shadow:none}.page-hero p{margin-right:auto;margin-left:auto}.section-head>span,.section .eyebrow,.section-kicker{font-size:clamp(18px,1.7vw,22px)!important;font-weight:1000}.section-head>span{display:block;margin-bottom:7px}

/* Professional parenting magazine */
.parenting-hero{background-image:linear-gradient(135deg,rgba(101,189,246,.9),rgba(154,125,245,.9) 55%,rgba(255,111,174,.83)),url("../assets/photos/20.webp")!important;background-position:center 42%!important;background-size:cover!important}
.blog-section{background:#fffdf9}.blog-toolbar{display:flex;align-items:end;justify-content:space-between;gap:35px;margin-bottom:34px}.blog-toolbar>div>span,.blog-heading span,.blog-newsletter>div>span{color:var(--hotpink);font-size:18px;font-weight:1000}.blog-toolbar h2,.blog-heading h2{margin:2px 0 0;font-size:clamp(30px,3.7vw,48px);line-height:1.45}.blog-categories{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.blog-categories a{padding:8px 13px;border:1px solid #ebe5ed;border-radius:999px;background:#fff;color:#656d82;font-size:11px;font-weight:900;transition:.25s}.blog-categories a:hover{border-color:#ffc1da;color:var(--hotpink);transform:translateY(-2px)}
.featured-post{display:grid;grid-template-columns:1.08fr .92fr;overflow:hidden;border:2px solid #eee8ef;border-radius:34px;background:#fff;box-shadow:0 20px 55px rgba(48,58,90,.1)}.featured-post-image{position:relative;min-height:450px}.featured-post-image img{width:100%;height:100%;display:block;object-fit:cover}.featured-post-image>span,.blog-card-image>span{position:absolute;right:18px;top:18px;padding:7px 12px;border-radius:999px;background:rgba(255,255,255,.9);backdrop-filter:blur(8px);color:#e84a7d;font-size:10px;font-weight:1000;box-shadow:0 6px 18px rgba(45,55,83,.12)}.featured-post-body{padding:42px;align-self:center}.post-meta{display:flex;flex-wrap:wrap;gap:8px 14px;margin-bottom:13px;color:#8b92a3;font-size:10px;font-weight:800}.post-meta span:first-child{color:#e84a7d}.featured-post h2{font-size:clamp(28px,3.2vw,43px);line-height:1.55;margin:0 0 13px}.featured-post p{font-size:14px}
.post-details{margin-top:17px;border-top:1px solid #eee8ef;padding-top:13px}.post-details summary{width:max-content;list-style:none;cursor:pointer;color:var(--hotpink);font-size:12px;font-weight:1000}.post-details summary::-webkit-details-marker{display:none}.post-details summary:after{content:" ←"}.post-details[open] summary:after{content:" ↑"}.post-details p{margin:13px 0 0;padding:14px 16px;border-radius:16px;background:#fff8fb;color:#646d82;font-size:12px;line-height:2}
.blog-heading{display:flex;align-items:end;justify-content:space-between;gap:35px;margin:90px 0 30px}.blog-heading>p{max-width:460px;margin:0;font-size:13px}.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:23px}.blog-card{overflow:hidden;border:2px solid #eee8ef;border-radius:27px;background:#fff;box-shadow:0 12px 34px rgba(48,58,90,.07);transition:.3s ease}.blog-card:hover{transform:translateY(-6px);box-shadow:0 20px 45px rgba(48,58,90,.13)}.blog-card-image{position:relative;height:225px;overflow:hidden}.blog-card-image img{width:100%;height:100%;display:block;object-fit:cover;transition:.5s}.blog-card:hover .blog-card-image img{transform:scale(1.055)}.blog-card-body{padding:23px}.blog-card h3{margin:0 0 8px;font-size:20px;line-height:1.7}.blog-card-body>p{margin:0;font-size:12px;line-height:2}.blog-card .post-details p{font-size:11px}
.blog-newsletter{display:flex;align-items:center;justify-content:space-between;gap:50px;padding:42px 46px;border:2px solid #e8e5ef;border-radius:32px;background:linear-gradient(115deg,#fff,#fff5fa 55%,#f1edff);box-shadow:0 16px 42px rgba(48,58,90,.07)}.blog-newsletter h2{margin:3px 0 9px;font-size:clamp(28px,3.5vw,44px)}.blog-newsletter p{max-width:720px;margin:0}.blog-newsletter-actions{flex:0 0 auto;display:flex;flex-direction:column;align-items:center;gap:13px}
@media(max-width:950px){.featured-post{grid-template-columns:1fr}.featured-post-image{min-height:380px}.blog-grid{grid-template-columns:repeat(2,1fr)}.blog-toolbar,.blog-heading{align-items:flex-start;flex-direction:column}.blog-categories{justify-content:flex-start}.blog-newsletter{align-items:flex-start;flex-direction:column}.blog-newsletter-actions{align-items:flex-start}}
@media(max-width:600px){.featured-post-image{min-height:280px}.featured-post-body{padding:27px 23px}.blog-grid{grid-template-columns:1fr}.blog-card-image{height:245px}.blog-heading{margin-top:65px}.blog-newsletter{padding:28px 23px}.blog-toolbar h2,.blog-heading h2{font-size:30px}}

/* Simplified blog listing and post detail */
.simple-blog-head{max-width:780px;margin:0 auto 42px;text-align:center}.simple-blog-head>span{color:var(--hotpink);font-size:21px;font-weight:1000}.simple-blog-head h2{margin:4px 0 10px;font-size:clamp(31px,4vw,48px)}.simple-blog-head p{margin:0}.simple-blog-grid .blog-card-body{display:flex;min-height:285px;flex-direction:column}.post-link{width:max-content;margin-top:auto;padding-top:18px;color:var(--hotpink);font-size:12px;font-weight:1000;transition:.25s}.post-link:hover{color:var(--purple);transform:translateX(-4px)}
.post-page{background:#fffdf9}.post-hero{padding:190px 0 90px;background:linear-gradient(135deg,#edfaff,#f5efff 55%,#fff0f6)}.post-hero .container{max-width:900px}.post-back{display:inline-block;margin-bottom:33px;color:var(--hotpink);font-size:12px;font-weight:900}.post-hero h1{max-width:850px;margin:8px 0 12px;color:#3c4261;font-size:clamp(38px,5vw,65px);line-height:1.45}.post-hero>div>p{margin:0;color:#70798e}.post-article{max-width:900px;padding-top:70px;padding-bottom:110px}.post-article>figure{height:500px;margin:0 0 45px;overflow:hidden;border-radius:34px;box-shadow:0 18px 50px rgba(48,58,90,.13)}.post-article>figure img{width:100%;height:100%;display:block;object-fit:cover}.post-content{max-width:760px;margin:auto}.post-content p{color:#68728a;font-size:15px;line-height:2.25}.post-content .post-lead{font-size:19px;color:#505a72}.post-content h2{margin:48px 0 12px;color:#3c4261;font-size:32px}.post-content blockquote{margin:40px 0;padding:28px 30px;border-right:6px solid var(--pink);border-radius:20px 0 0 20px;background:#fff2f7;color:#555e74;font-size:17px;font-weight:700;line-height:2}.post-end{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-top:55px;padding-top:25px;border-top:1px solid #ebe7ec;font-size:12px;font-weight:900}.post-end span{color:#7e879a}.post-end a{color:var(--hotpink)}
@media(max-width:600px){.post-hero{padding:145px 0 65px}.post-article{padding-top:45px}.post-article>figure{height:280px;border-radius:25px}.post-content .post-lead{font-size:17px}.post-content h2{font-size:27px}.post-content blockquote{padding:22px;font-size:15px}.post-end{align-items:flex-start;flex-direction:column}.simple-blog-grid .blog-card-body{min-height:250px}}

/* School buffet and optional homework stay */
.school-comforts{overflow:hidden;background:linear-gradient(155deg,#fffaf0,#fff 47%,#f2f8ff)}.comforts-heading{max-width:820px;margin-right:auto;margin-left:auto;text-align:center}.comforts-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:25px;margin-top:38px}.comfort-card{position:relative;overflow:hidden;display:grid;grid-template-columns:155px 1fr;gap:25px;min-height:410px;padding:34px;border:2px solid #eee9ee;border-radius:34px;background:#fff;box-shadow:0 17px 45px rgba(48,58,90,.09);transition:.35s ease}.comfort-card:hover{transform:translateY(-6px);box-shadow:0 25px 55px rgba(48,58,90,.14)}.buffet-card{border-top:7px solid #ffb64d}.homework-card{border-top:7px solid #7f9df5}.comfort-visual{position:relative;align-self:stretch;min-height:260px;border-radius:28px;display:grid;place-items:center;background:linear-gradient(145deg,#fff1c7,#ffe1a8);font-size:68px}.homework-card .comfort-visual{background:linear-gradient(145deg,#e7f3ff,#e2dcff)}.comfort-visual:before,.comfort-visual:after{content:"";position:absolute;border-radius:50%;background:rgba(255,255,255,.7)}.comfort-visual:before{width:52px;height:52px;right:13px;top:17px}.comfort-visual:after{width:29px;height:29px;left:16px;bottom:22px}.comfort-visual span{position:relative;z-index:2;filter:drop-shadow(0 9px 12px rgba(70,65,72,.12));animation:fruitFloat 3.6s ease-in-out infinite}.comfort-visual i,.comfort-visual b{position:absolute;z-index:2;font-style:normal;font-size:28px;animation:fruitFloat 4s ease-in-out infinite}.comfort-visual i{right:15px;bottom:25px;animation-delay:-1.2s}.comfort-visual b{left:14px;top:29px;animation-delay:-2.3s}.comfort-label{display:inline-block;margin-bottom:5px;color:#e69020;font-size:14px;font-weight:1000}.homework-card .comfort-label{color:#6f74df}.comfort-copy h3{margin:0 0 9px;color:#3e4562;font-size:24px;line-height:1.6}.comfort-copy>p{margin:0 0 14px;font-size:13px;line-height:2}.comfort-copy .check{margin-top:13px}.comfort-copy .check li{font-size:11px}.comfort-copy .comfort-note{margin-top:15px;padding:10px 12px;border-radius:13px;background:#f6f4ff;color:#777f94;font-size:10px;line-height:1.9}
@media(max-width:1050px){.comfort-card{grid-template-columns:115px 1fr;padding:28px}.comfort-visual{min-height:235px;font-size:57px}}
@media(max-width:850px){.comforts-grid{grid-template-columns:1fr}.comfort-card{grid-template-columns:155px 1fr}}
@media(max-width:600px){.comfort-card{grid-template-columns:1fr;padding:23px;border-radius:27px}.comfort-visual{min-height:180px}.comfort-copy h3{font-size:22px}.comforts-grid{gap:18px}}

/* Responsive rainbow and Persian date */
@media(max-width:900px){.persian-date{width:100%;min-height:40px;font-size:11px;order:-1}.hero-top-rainbow{right:4%;top:115px;width:180px;height:95px;border-width:15px}.hero-top-rainbow:before{inset:10px 10px 0;border-width:13px;height:65px}.hero-top-rainbow:after{inset:22px 23px 0;border-width:12px;height:42px}.hero-top-rainbow i{inset:33px 34px 0;border-width:10px;height:22px}.rainbow-readers{display:none}}
@media(max-width:600px){.hero-top-rainbow{right:-13px;top:104px;width:135px;height:72px;border-width:11px;opacity:.88}.hero-top-rainbow:before{inset:8px 8px 0;border-width:10px;height:48px}.hero-top-rainbow:after{inset:17px 18px 0;border-width:9px;height:31px}.hero-top-rainbow i{inset:25px 27px 0;border-width:7px;height:17px}.hero-top-rainbow span,.hero-top-rainbow b{font-size:16px}}
@media(prefers-reduced-motion:reduce){.hero-top-rainbow,.hero-top-rainbow span,.hero-top-rainbow b,.rainbow-readers{animation:none}}

/* Same playful sky across every internal page hero */
.page-hero,.parenting-hero{background-color:#8edcf8!important;background-image:linear-gradient(135deg,#71cef8 0%,#9ee7fb 40%,#9b8cf0 100%)!important;background-position:center!important;background-size:cover!important}
.page-hero:before{background:radial-gradient(ellipse 130px 58px at 7% 23%,rgba(255,255,255,.98) 0 58%,transparent 59%),radial-gradient(ellipse 110px 68px at 14% 20%,rgba(255,255,255,.98) 0 58%,transparent 59%),radial-gradient(ellipse 150px 76px at 23% 23%,rgba(255,255,255,.98) 0 58%,transparent 59%),radial-gradient(ellipse 170px 70px at 44% 88%,rgba(255,255,255,.75) 0 58%,transparent 59%)}
.page-hero .hero-sun{left:12%;top:142px}.page-hero .hero-top-rainbow{right:7%;top:142px}.page-hero .rainbow-readers{right:calc(7% + 5px);top:274px}.page-hero .hero-rainbow{left:22%;bottom:82px}
@media(max-width:900px){.page-hero .hero-top-rainbow{right:3%;top:116px}.page-hero .hero-sun{left:8%;top:122px}.page-hero .rainbow-readers,.page-hero .hero-rainbow{display:none}}
@media(max-width:600px){.page-hero .hero-top-rainbow{right:-18px;top:100px}.page-hero .hero-sun{left:4%;top:110px}}

/* v23: compact primary navigation with educational-center dropdown */
.nav nav{gap:17px;font-size:14px}
.nav-dropdown{position:relative;flex:0 0 auto}
.nav-dropdown-toggle{display:flex;align-items:center;gap:7px;padding:8px 0;border:0;background:transparent;color:#3d435c;font:inherit;font-weight:900;white-space:nowrap;cursor:pointer}
.nav-dropdown-toggle span{position:relative;width:22px;height:22px;display:inline-grid;place-items:center;border:1px solid #ffd1e2;border-radius:50%;background:#fff5f9;font-size:0;box-shadow:0 4px 10px rgba(239,82,126,.1);transition:transform .28s ease,background .28s ease,border-color .28s ease}
.nav-dropdown-toggle span:before{content:"";width:6px;height:6px;margin-top:-3px;border-right:2px solid var(--hotpink);border-bottom:2px solid var(--hotpink);transform:rotate(45deg)}
.nav-dropdown:hover .nav-dropdown-toggle span,.nav-dropdown.open .nav-dropdown-toggle span{border-color:#ffabc9;background:#ffeaf2}
.nav-dropdown.open .nav-dropdown-toggle span{transform:rotate(180deg)}
.nav-dropdown.active .nav-dropdown-toggle{color:var(--hotpink)}
.nav-submenu{position:absolute;z-index:30;top:calc(100% + 14px);right:50%;display:grid;grid-template-columns:repeat(2,minmax(125px,1fr));gap:6px;width:310px;padding:13px;border:1px solid #eee7ef;border-radius:22px;background:rgba(255,255,255,.98);box-shadow:0 22px 55px rgba(43,50,82,.16);opacity:0;visibility:hidden;transform:translate(50%,-8px);transition:.22s ease}
.nav-dropdown:hover .nav-submenu,.nav-dropdown:focus-within .nav-submenu,.nav-dropdown.open .nav-submenu{opacity:1;visibility:visible;transform:translate(50%,0)}
.nav nav .nav-submenu a{display:block;padding:10px 11px;border-radius:12px;color:#535b73;font-size:12px;text-align:right;white-space:nowrap}
.nav nav .nav-submenu a:hover,.nav nav .nav-submenu a.active{background:#fff0f6;color:var(--hotpink)}
.nav nav .nav-submenu a:after{display:none!important}
.faq-admissions{max-width:920px;margin:34px auto 0}
@media(max-width:1050px) and (min-width:901px){.nav nav{gap:11px;font-size:13px}.persian-date{font-size:8px;padding:6px 8px}}
@media(max-width:900px){.nav nav{gap:6px;font-size:15px}.nav-dropdown{width:100%}.nav-dropdown-toggle{width:100%;justify-content:space-between;padding:11px 13px}.nav-submenu{position:static;display:none;width:100%;grid-template-columns:1fr;margin:3px 0 7px;padding:8px;opacity:1;visibility:visible;transform:none;box-shadow:none;background:#fff7fb}.nav-dropdown:hover .nav-submenu,.nav-dropdown:focus-within .nav-submenu{display:none;transform:none}.nav-dropdown.open .nav-submenu{display:grid;transform:none}.nav nav .nav-submenu a{padding:10px 15px;font-size:13px}.nav nav>.online-class-link,.nav nav>a{font-size:15px}}
.form-message{max-width:100%;margin-bottom:15px;padding:12px 14px;border-radius:14px;font-size:12px;font-weight:800;line-height:1.9;overflow-wrap:anywhere}.form-message.success{border:1px solid #bceacb;background:#effbf3;color:#27824c}.form-message.error{border:1px solid #ffc5d1;background:#fff2f5;color:#c73555}.form-honeypot{position:fixed!important;inset:auto auto 0 0!important;width:1px!important;height:1px!important;padding:0!important;border:0!important;opacity:0!important;clip-path:inset(50%)!important;pointer-events:none!important}
.messenger-share-box{width:100%;max-width:100%;min-width:0;margin:0 0 18px;padding:16px;border:1px solid rgba(80,73,130,.12);border-radius:18px;background:#fff;box-shadow:0 10px 28px rgba(65,54,112,.07);overflow:hidden}.messenger-share-box>strong{display:block;color:#3f395b;font-size:14px}.messenger-share-box>p{margin:5px 0 12px;color:#777089;font-size:12px;line-height:1.8;overflow-wrap:anywhere}.messenger-share-actions{display:grid;grid-template-columns:minmax(0,1fr);gap:9px}.messenger-share{display:flex;min-width:0;align-items:center;justify-content:center;gap:7px;padding:11px 8px;border-radius:13px;color:#fff!important;font-size:12px;font-weight:800;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease}.messenger-share:hover{transform:translateY(-2px)}.messenger-share.whatsapp{background:linear-gradient(135deg,#20b95a,#35d477);box-shadow:0 8px 18px rgba(32,185,90,.2)}.messenger-share.bale{background:linear-gradient(135deg,#1688d4,#43abe8);box-shadow:0 8px 18px rgba(22,136,212,.2)}.messenger-share-box>small{display:block;margin-top:10px;color:#8a8498;font-size:10px;line-height:1.7}
@media(max-width:600px){#registration-form{padding:22px 18px;border-radius:24px}#registration-form h3{font-size:22px}#registration-form .messenger-share-box{padding:14px 12px}.section>.container.split{width:min(92%,1180px)}}
.blog-empty{max-width:720px;margin:10px auto;padding:55px 30px;border:2px dashed #eadfec;border-radius:30px;background:linear-gradient(135deg,#fff,#fff7fb);text-align:center}.blog-empty>span{display:grid;place-items:center;width:58px;height:58px;margin:0 auto 15px;border-radius:50%;background:linear-gradient(135deg,var(--pink),var(--purple));color:#fff;font-size:25px}.blog-empty h3{margin:0 0 8px;font-size:25px}.blog-empty p{margin:0}.featured-blog-card{border-color:#ffd0e1;box-shadow:0 18px 44px rgba(239,82,126,.12)}.featured-post-label{position:absolute;left:16px;top:17px;padding:7px 11px;border-radius:999px;background:linear-gradient(135deg,#ff6fae,#9a7df5);color:#fff;font-size:9px;font-weight:1000;box-shadow:0 7px 18px rgba(72,59,130,.18)}.post-download{margin:42px 0;padding:24px;border:1px solid #eee5ef;border-radius:20px;background:#fff7fb;text-align:center}.post-content img{max-width:100%;height:auto;border-radius:18px}.post-content iframe{max-width:100%}
.admin-panel-link {
    color: #fff !important;
    background: linear-gradient(135deg, #5547b8, #7668dc);
    border-radius: 12px;
    padding: 9px 14px !important;
    box-shadow: 0 8px 20px rgba(85, 71, 184, .2);
}

.blog-pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
    margin-top: 42px;
    direction: rtl;
}

.blog-pagination a,
.blog-pagination span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 44px;
    height: 44px;
    padding: 0 12px;
    border: 1px solid rgba(83, 73, 137, .14);
    border-radius: 14px;
    color: #494165;
    background: #fff;
    font-weight: 700;
    text-decoration: none;
    box-shadow: 0 8px 24px rgba(59, 48, 105, .06);
    transition: transform .2s ease, color .2s ease, background .2s ease;
}

.blog-pagination a:hover {
    color: #fff;
    background: #f05b78;
    transform: translateY(-2px);
}

.blog-pagination a.active {
    color: #fff;
    border-color: transparent;
    background: linear-gradient(135deg, #f05b78, #ff9172);
    box-shadow: 0 10px 24px rgba(240, 91, 120, .24);
    pointer-events: none;
}

.blog-pagination span {
    border-color: transparent;
    box-shadow: none;
    background: transparent;
}

.blog-pagination .pagination-arrow {
    font-size: 1.25rem;
}












/* =========================================================
   Online Classes Page
   Scoped styles to prevent conflicts with other site sections
   ========================================================= */



/* ---------- Page variables ---------- */

.online-classes-page {
    --oc-primary: #6d28d9;
    --oc-primary-dark: #4c1d95;
    --oc-primary-light: #f2ebff;
    --oc-text: #182230;
    --oc-muted: #687386;
    --oc-background: #f7fafc;
    --oc-white: #ffffff;
    --oc-border: #e5eaf0;
    --oc-success: #16a56a;
    --oc-shadow: 0 18px 45px rgba(41, 31, 72, 0.1);

    min-height: 100vh;
}

/* ---------- Scoped reset ---------- */

.online-classes-page,
.online-classes-page *,
.online-classes-page *::before,
.online-classes-page *::after {
    box-sizing: border-box;
}

html.online-classes-html {
    width: 100%;
    overflow-x: hidden;
    scroll-behavior: smooth;
}

body.online-classes-body {
    width: 100%;
    min-height: 100vh;
    margin: 0;
    overflow-x: hidden;
    color: #182230;
    background: #f7fafc;
    font-family: "Vazirmatn", Tahoma, Arial, sans-serif;
    direction: rtl;
}

.online-classes-page a {
    color: inherit;
    text-decoration: none;
}

.online-classes-page button,
.online-classes-page input {
    font: inherit;
}

/* ---------- General container ---------- */

.online-classes-page .classes-container {
    position: relative;
    width: min(1180px, calc(100% - 40px));
    margin-right: auto;
    margin-left: auto;
}

/* =========================================================
   Hero section
   ========================================================= */

.online-classes-page .classes-hero {
    position: relative;
    min-height: 365px;
    padding: 32px 0 100px;
    overflow: hidden;
    background:
        radial-gradient(
            circle at 12% 25%,
            rgba(132, 204, 22, 0.18),
            transparent 26%
        ),
        radial-gradient(
            circle at 90% 18%,
            rgba(99, 102, 241, 0.24),
            transparent 30%
        ),
        linear-gradient(
            135deg,
            #331060 0%,
            #6020a4 52%,
            #7130bc 100%
        );
}

.online-classes-page .classes-hero__decor {
    position: absolute;
    border-radius: 50%;
    pointer-events: none;
}

.online-classes-page .classes-hero__decor--one {
    top: -90px;
    right: -50px;
    width: 270px;
    height: 270px;
    border: 55px solid rgba(255, 255, 255, 0.055);
}

.online-classes-page .classes-hero__decor--two {
    bottom: -110px;
    left: 6%;
    width: 260px;
    height: 260px;
    background: rgba(255, 255, 255, 0.035);
}

/* ---------- Back button ---------- */

.online-classes-page .back-home {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 10px 15px;
    color: rgba(255, 255, 255, 0.9);
    border: 1px solid rgba(255, 255, 255, 0.18);
    border-radius: 12px;
    background: rgba(255, 255, 255, 0.09);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    transition:
        color 0.2s ease,
        background-color 0.2s ease,
        transform 0.2s ease;
}

.online-classes-page .back-home:hover {
    color: #ffffff;
    background: rgba(255, 255, 255, 0.16);
    transform: translateY(-2px);
}

.online-classes-page .back-home:focus-visible {
    outline: 3px solid rgba(255, 255, 255, 0.55);
    outline-offset: 3px;
}

.online-classes-page .back-home svg {
    width: 18px;
    height: 18px;
    flex: 0 0 auto;
    fill: none;
    stroke: currentColor;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
}

/* ---------- Page heading ---------- */

.online-classes-page .classes-heading {
    max-width: 700px;
    margin: 42px auto 0;
    color: #ffffff;
    text-align: center;
}

.online-classes-page .classes-heading__badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 7px 16px;
    margin-bottom: 16px;
    color: #ffffff;
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.1);
    font-size: 14px;
    line-height: 1.7;
}

.online-classes-page .classes-heading h1 {
    margin: 0;
    color: #ffffff;
    font-size: clamp(30px, 5vw, 48px);
    font-weight: 900;
    line-height: 1.45;
}

.online-classes-page .classes-heading p {
    margin: 12px 0 0;
    color: rgba(255, 255, 255, 0.78);
    font-size: 17px;
    line-height: 1.9;
}

/* ---------- Search field ---------- */

.online-classes-page .class-search {
    position: absolute;
    right: 50%;
    bottom: -132px;
    z-index: 2;
    display: flex;
    align-items: center;
    width: min(600px, 100%);
    padding: 5px 19px;
    border: 1px solid rgba(80, 50, 130, 0.1);
    border-radius: 17px;
    background: #ffffff;
    box-shadow: 0 18px 55px rgba(38, 17, 72, 0.2);
    transform: translateX(50%);
}

.online-classes-page .class-search:focus-within {
    border-color: rgba(109, 40, 217, 0.45);
    box-shadow:
        0 18px 55px rgba(38, 17, 72, 0.2),
        0 0 0 4px rgba(109, 40, 217, 0.08);
}

.online-classes-page .class-search svg {
    width: 23px;
    height: 23px;
    flex: 0 0 auto;
    fill: none;
    stroke: #7a8493;
    stroke-width: 1.8;
    stroke-linecap: round;
}

.online-classes-page .class-search input {
    width: 100%;
    height: 58px;
    min-width: 0;
    padding: 0 13px;
    color: var(--oc-text);
    border: 0;
    outline: 0;
    background: transparent;
    font-size: 16px;
    text-align: right;
}

.online-classes-page .class-search input::placeholder {
    color: #929baa;
    opacity: 1;
}

.online-classes-page .class-search input::-webkit-search-cancel-button {
    cursor: pointer;
}

/* =========================================================
   Classes section
   ========================================================= */

.online-classes-page .classes-section {
    padding: 85px 0 70px;
    background: var(--oc-background);
}

/* ---------- Section information ---------- */

.online-classes-page .classes-info {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 28px;
}

.online-classes-page .classes-info h2 {
    margin: 0 0 7px;
    color: var(--oc-text);
    font-size: 27px;
    font-weight: 900;
    line-height: 1.5;
}

.online-classes-page .classes-info p {
    margin: 0;
    color: var(--oc-muted);
    font-size: 15px;
    line-height: 1.8;
}

.online-classes-page .classes-count {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    padding: 9px 15px;
    color: var(--oc-primary);
    border-radius: 999px;
    background: var(--oc-primary-light);
    font-size: 14px;
    font-weight: 700;
    white-space: nowrap;
}

/* ---------- Classes grid ---------- */

.online-classes-page .classes-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 22px;
}

/* ---------- Class cards ---------- */

.online-classes-page .class-card {
    --oc-card-color: #6d28d9;
    --oc-card-soft: #f2ebff;

    position: relative;
    display: flex;
    min-width: 0;
    min-height: 330px;
    padding: 21px;
    overflow: hidden;
    flex-direction: column;
    color: var(--oc-text);
    border: 1px solid var(--oc-border);
    border-radius: 24px;
    background: var(--oc-white);
    box-shadow: 0 7px 22px rgba(29, 43, 61, 0.055);
    transition:
        transform 0.25s ease,
        box-shadow 0.25s ease,
        border-color 0.25s ease;
}

.online-classes-page .class-card::before {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    height: 5px;
    background: var(--oc-card-color);
    content: "";
}

.online-classes-page .class-card::after {
    position: absolute;
    top: -55px;
    left: -55px;
    width: 160px;
    height: 160px;
    border-radius: 50%;
    background: var(--oc-card-soft);
    content: "";
    opacity: 0.72;
    transition: transform 0.35s ease;
}

.online-classes-page .class-card:hover {
    border-color: var(--oc-card-color);
    box-shadow: var(--oc-shadow);
    transform: translateY(-7px);
}

.online-classes-page .class-card:hover::after {
    transform: scale(1.18);
}

.online-classes-page .class-card:focus-visible {
    outline: 3px solid rgba(109, 40, 217, 0.28);
    outline-offset: 4px;
}

.online-classes-page .class-card[hidden] {
    display: none !important;
}

/* ---------- Card colors ---------- */

.online-classes-page .class-card--purple {
    --oc-card-color: #7837d4;
    --oc-card-soft: #f0e8ff;
}

.online-classes-page .class-card--blue {
    --oc-card-color: #3578e5;
    --oc-card-soft: #e7f0ff;
}

.online-classes-page .class-card--green {
    --oc-card-color: #1aaa72;
    --oc-card-soft: #e4f8ef;
}

.online-classes-page .class-card--orange {
    --oc-card-color: #f08a2d;
    --oc-card-soft: #fff0df;
}

.online-classes-page .class-card--pink {
    --oc-card-color: #e84f8a;
    --oc-card-soft: #ffe8f1;
}

.online-classes-page .class-card--cyan {
    --oc-card-color: #179eb4;
    --oc-card-soft: #e2f7fa;
}

.online-classes-page .class-card--yellow {
    --oc-card-color: #d39b15;
    --oc-card-soft: #fff5d7;
}

/* ---------- Card header ---------- */

.online-classes-page .class-card__top {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.online-classes-page .class-card__number {
    display: grid;
    width: 34px;
    height: 34px;
    flex: 0 0 auto;
    color: var(--oc-card-color);
    place-items: center;
    border-radius: 10px;
    background: var(--oc-card-soft);
    font-size: 14px;
    font-weight: 800;
}

.online-classes-page .class-card__status {
    display: flex;
    align-items: center;
    gap: 6px;
    color: var(--oc-success);
    font-size: 13px;
    font-weight: 700;
}

.online-classes-page .class-card__status span {
    width: 8px;
    height: 8px;
    flex: 0 0 auto;
    border-radius: 50%;
    background: currentColor;
    box-shadow: 0 0 0 4px rgba(22, 165, 106, 0.11);
}

/* ---------- Card icon ---------- */

.online-classes-page .class-card__icon {
    position: relative;
    z-index: 1;
    display: grid;
    width: 68px;
    height: 68px;
    flex: 0 0 auto;
    margin: 27px 0 20px;
    place-items: center;
    border-radius: 20px;
    background: var(--oc-card-soft);
    font-size: 32px;
    line-height: 1;
    transform: rotate(-3deg);
}

/* ---------- Card text ---------- */

.online-classes-page .class-card__content {
    position: relative;
    z-index: 1;
}

.online-classes-page .class-card__label {
    color: var(--oc-card-color);
    font-size: 13px;
    font-weight: 800;
    line-height: 1.7;
}

.online-classes-page .class-card__content h3 {
    margin: 5px 0 7px;
    color: var(--oc-text);
    font-size: 22px;
    font-weight: 900;
    line-height: 1.5;
}

.online-classes-page .class-card__content p {
    margin: 0;
    color: var(--oc-muted);
    font-size: 14px;
    line-height: 1.8;
}

/* ---------- Card button ---------- */

.online-classes-page .class-card__button {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 48px;
    padding: 0 15px;
    margin-top: auto;
    color: var(--oc-card-color);
    border-radius: 14px;
    background: var(--oc-card-soft);
    font-size: 14px;
    font-weight: 800;
    transition:
        color 0.2s ease,
        background-color 0.2s ease;
}

.online-classes-page .class-card:hover .class-card__button {
    color: #ffffff;
    background: var(--oc-card-color);
}

.online-classes-page .class-card__button svg {
    width: 20px;
    height: 20px;
    flex: 0 0 auto;
    fill: none;
    stroke: currentColor;
    stroke-width: 2.1;
    stroke-linecap: round;
    stroke-linejoin: round;
    transition: transform 0.2s ease;
}

.online-classes-page .class-card:hover .class-card__button svg {
    transform: translateX(-4px);
}

/* =========================================================
   Help section
   ========================================================= */

.online-classes-page .classes-help {
    display: flex;
    align-items: flex-start;
    gap: 15px;
    padding: 20px 22px;
    margin-top: 32px;
    border: 1px solid #ded5f2;
    border-radius: 18px;
    background: #f4f0fc;
}

.online-classes-page .classes-help__icon {
    display: grid;
    width: 42px;
    height: 42px;
    flex: 0 0 auto;
    color: var(--oc-primary);
    place-items: center;
    border-radius: 12px;
    background: #ffffff;
}

.online-classes-page .classes-help__icon svg {
    width: 23px;
    height: 23px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
}

.online-classes-page .classes-help strong {
    display: block;
    margin-bottom: 5px;
    color: var(--oc-text);
    font-size: 15px;
    line-height: 1.8;
}

.online-classes-page .classes-help p {
    margin: 0;
    color: #626b7a;
    font-size: 14px;
    line-height: 1.9;
}

/* =========================================================
   Empty search result
   ========================================================= */

.online-classes-page .classes-empty {
    display: none;
    padding: 55px 20px;
    border: 1px dashed #d5dbe3;
    border-radius: 22px;
    background: #ffffff;
    text-align: center;
}

.online-classes-page .classes-empty.is-visible {
    display: block;
}

.online-classes-page .classes-empty__icon {
    margin-bottom: 12px;
    font-size: 38px;
    line-height: 1;
}

.online-classes-page .classes-empty h3 {
    margin: 0 0 8px;
    color: var(--oc-text);
    font-size: 20px;
    font-weight: 900;
    line-height: 1.6;
}

.online-classes-page .classes-empty p {
    margin: 0;
    color: var(--oc-muted);
    font-size: 14px;
    line-height: 1.8;
}

/* =========================================================
   Tablet
   ========================================================= */

@media (max-width: 920px) {
    .online-classes-page .classes-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

/* =========================================================
   Mobile
   ========================================================= */

@media (max-width: 640px) {
    .online-classes-page .classes-container {
        width: min(100% - 28px, 1180px);
    }

    .online-classes-page .classes-hero {
        min-height: 350px;
        padding-top: 20px;
    }

    .online-classes-page .back-home {
        padding: 9px 12px;
        font-size: 13px;
    }

    .online-classes-page .classes-heading {
        margin-top: 35px;
    }

    .online-classes-page .classes-heading__badge {
        padding: 6px 13px;
        font-size: 12px;
    }

    .online-classes-page .classes-heading h1 {
        font-size: 29px;
    }

    .online-classes-page .classes-heading p {
        font-size: 15px;
        line-height: 1.8;
    }

    .online-classes-page .class-search {
        bottom: -120px;
        padding-right: 14px;
        padding-left: 14px;
        border-radius: 15px;
    }

    .online-classes-page .class-search input {
        height: 53px;
        font-size: 15px;
    }

    .online-classes-page .classes-section {
        padding-top: 75px;
        padding-bottom: 45px;
    }

    .online-classes-page .classes-info {
        align-items: flex-start;
    }

    .online-classes-page .classes-info h2 {
        font-size: 23px;
    }

    .online-classes-page .classes-info p {
        max-width: 220px;
        font-size: 14px;
        line-height: 1.8;
    }

    .online-classes-page .classes-count {
        padding: 8px 11px;
        font-size: 12px;
    }

    .online-classes-page .classes-grid {
        grid-template-columns: minmax(0, 1fr);
        gap: 17px;
    }

    .online-classes-page .class-card {
        min-height: 310px;
        padding: 19px;
        border-radius: 20px;
    }

    .online-classes-page .class-card__icon {
        width: 62px;
        height: 62px;
        margin-top: 24px;
        font-size: 29px;
    }

    .online-classes-page .class-card__content h3 {
        font-size: 20px;
    }

    .online-classes-page .classes-help {
        padding: 17px;
    }

    .online-classes-page .classes-help p {
        font-size: 13px;
    }
}

/* =========================================================
   Small mobile
   ========================================================= */

@media (max-width: 380px) {
    .online-classes-page .classes-info {
        flex-direction: column;
    }

    .online-classes-page .classes-count {
        align-self: flex-start;
    }

    .online-classes-page .classes-heading h1 {
        font-size: 26px;
    }
}

/* =========================================================
   Reduced motion
   ========================================================= */

@media (prefers-reduced-motion: reduce) {
    html.online-classes-html {
        scroll-behavior: auto;
    }

    .online-classes-page *,
    .online-classes-page *::before,
    .online-classes-page *::after {
        transition: none !important;
    }
}