/*
Theme Name: Zara's International School
Version: 1.0
*/
:root{--sky:#bfe9ff;--lav:#d9ccff;--pink:#ffbfd8;--yellow:#ffe9a8;--mint:#bff3df;--navy:#263454;--white:#fff}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--navy);background:#fbfdff;line-height:1.6}a{text-decoration:none;color:inherit}.topbar{background:var(--navy);color:#fff;text-align:center;padding:8px;font-size:13px}.nav{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.96);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:space-between;padding:16px 6%;border-bottom:1px solid #edf0f6}.brand{font-size:23px;font-weight:900}.brand b{color:#ff8db8}.menu{display:flex;gap:20px;align-items:center;font-size:14px;font-weight:800}.menu a:hover{color:#ff76aa}.hero{position:relative;overflow:hidden;padding:95px 6% 110px;background:linear-gradient(135deg,var(--sky),#f7d9ff 52%,var(--pink));}.hero:before,.hero:after{content:"";position:absolute;border-radius:50%;opacity:.65}.hero:before{width:250px;height:250px;background:var(--yellow);right:-70px;top:-80px}.hero:after{width:180px;height:180px;background:var(--mint);left:-60px;bottom:-70px}.wrap{max-width:1120px;margin:auto;position:relative;z-index:1}.eyebrow{font-size:13px;font-weight:900;letter-spacing:3px}.hero h1{font-size:clamp(42px,7vw,78px);line-height:1.02;margin:15px 0;max-width:850px}.hero p{font-size:18px;max-width:650px}.buttons{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.btn{display:inline-block;padding:13px 21px;border-radius:999px;background:#fff;font-weight:900;box-shadow:0 8px 20px rgba(38,52,84,.1)}.btn.primary{background:var(--navy);color:#fff}section{padding:78px 6%}.title{text-align:center;font-size:38px;margin:0 0 10px}.lead{text-align:center;max-width:700px;margin:0 auto;color:#667085}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:35px}.card{background:#fff;border:1px solid #edf0f6;border-radius:24px;padding:28px;box-shadow:0 12px 30px rgba(38,52,84,.06)}.icon{font-size:34px}.card h3{margin:10px 0 5px}.pink{background:#fff0f6}.blue{background:#eefaff}.yellow{background:#fff9df}.school-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:35px}.school{padding:30px;border-radius:28px;color:var(--navy);min-height:210px;display:flex;flex-direction:column;justify-content:space-between;border:2px solid rgba(255,255,255,.8);box-shadow:0 15px 30px rgba(38,52,84,.08)}.school h3{font-size:25px;margin:10px 0}.school p{margin:0}.school span{font-weight:900}.primary{background:var(--sky)}.middle{background:var(--lav)}.high{background:var(--pink)}.features{background:#f8f6ff}.contact{background:var(--navy);color:#fff}.contact .title{color:#fff}.footer{background:#19233b;color:#cbd3e2;text-align:center;padding:25px}.pill-row{text-align:center;margin-top:25px}.pill{display:inline-block;padding:9px 14px;border-radius:999px;background:#fff;margin:5px;font-weight:800}@media(max-width:800px){.menu{display:none}.cards,.school-grid{grid-template-columns:1fr}.hero{padding:70px 6%}section{padding:60px 6%}}
