:root{--navy:#082f4e;--navy-deep:#052942;--green:#08ad6e;--green-dark:#078b5c;--ink:#082b48;--muted:#607386;--pale:#f4f9fc;--line:#dfe8ee;--shadow:0 8px 24px rgba(5,43,72,.1)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:Inter,Arial,sans-serif;background:#fff}a{color:inherit;text-decoration:none}.shell{width:min(1190px,calc(100% - 40px));margin:auto}.topbar{height:31px;background:var(--navy-deep);color:#fff;font-size:10px}.topbar-inner{height:100%;display:flex;align-items:center;justify-content:space-between}.contact-mini,.top-links,.socials{display:flex;align-items:center;gap:13px}.contact-mini a{display:flex;align-items:center;gap:6px;font-weight:700}.contact-mini svg{width:14px;height:14px}.contact-mini a:last-child svg{color:#40d69c}.top-links{gap:9px}.top-links b{opacity:.4}.socials{margin-left:30px;gap:15px;font-size:13px;font-weight:700}.main-header{height:91px;background:#fff;position:relative;z-index:10;box-shadow:0 1px 5px rgba(0,0,0,.06)}.nav-wrap{height:100%;display:flex;align-items:center}.brand{flex:none;width:265px;height:79px;display:flex;align-items:center;overflow:hidden}.brand img{width:245px;height:auto;display:block}.nav{display:flex;align-items:center;gap:20px;margin-left:auto;white-space:nowrap}.nav a{font-size:10.5px;font-weight:500;padding:35px 0 15px}.nav a.active{color:var(--green-dark);border-bottom:2px solid var(--green-dark)}.request-btn{margin-left:28px;color:#fff;background:linear-gradient(135deg,#087f55,#0dae70);border-radius:24px;padding:14px 22px;font-size:11px;font-weight:700;display:flex;align-items:center;gap:8px;white-space:nowrap}.request-btn svg{width:17px}.menu-toggle{display:none;border:0;background:none;color:var(--ink);padding:10px}.menu-toggle svg{width:26px;height:26px}.hero{height:365px;position:relative;overflow:hidden;background:#173b55}.hero-photo{position:absolute;inset:0 0 0 36%;background-image:url('assets/hero-tutoring.jpg');background-size:cover;background-position:center}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#082e4d 0%,rgba(8,46,77,.98) 29%,rgba(8,46,77,.66) 44%,rgba(8,46,77,0) 62%)}.hero-content{height:100%;display:flex;align-items:flex-start;justify-content:space-between;position:relative;padding-top:40px}.hero-copy{color:#fff}.eyebrow{display:inline-flex;border:1px solid #45ba8c;border-radius:20px;padding:7px 14px;font-size:12px;font-weight:700}.hero h1{font-size:47px;line-height:1.14;margin:12px 0 5px;letter-spacing:-1.8px}.hero h1 em{font-style:normal;color:#17c478}.hero p{font-size:20px;line-height:1.34;font-weight:700;margin:0 0 18px}.hero-actions{display:flex;gap:22px}.btn{min-width:172px;height:46px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;gap:9px;font-size:14px;font-weight:700}.btn svg{width:20px}.btn-primary{background:linear-gradient(135deg,#09a968,#0cc881);box-shadow:0 10px 22px rgba(0,173,110,.25)}.btn-outline{border:2px solid #fff;background:rgba(8,47,78,.25)}.chalk-note{font-family:'Patrick Hand',cursive;color:#fff;font-size:27px;line-height:1.04;transform:rotate(-6deg);text-align:center;margin:45px 6px 0 auto;width:165px;text-shadow:0 2px 3px rgba(0,0,0,.35)}.chalk-note span,.footer-note span{display:block;width:82px;height:4px;border-radius:50%;background:#f4b91f;margin:8px auto 0;transform:rotate(-7deg)}.finder{position:relative;z-index:4;margin-top:-29px;background:#fff;border-radius:15px;box-shadow:var(--shadow);padding:12px 20px 17px}.finder h2{font-size:20px;margin:0 0 12px}.finder-grid{display:grid;grid-template-columns:1.2fr 1.16fr 1.16fr 1fr .92fr 135px;gap:16px;align-items:end}.finder label{height:63px;border:1px solid #e2e8ec;border-radius:8px;padding:10px 12px;display:flex;flex-direction:column;justify-content:center;gap:4px;box-shadow:0 2px 5px rgba(0,0,0,.025)}.finder label>span{display:flex;align-items:center;gap:9px;font-size:10px;font-weight:600}.finder label svg{width:18px;height:18px;fill:var(--ink);stroke:#fff}.finder select{border:0;background:transparent;color:#748699;font:9.5px Inter;padding-left:27px;outline:none;cursor:pointer}.search-btn{height:48px;border:0;border-radius:10px;background:linear-gradient(135deg,#08a868,#04c47a);color:#fff;font:600 11px Inter;display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;margin-bottom:7px}.search-btn svg{width:18px}.form-status{display:none;margin:10px 2px 0;color:var(--green-dark);font-size:12px;font-weight:600}.benefits{background:linear-gradient(#f5f9fc,#fff);margin-top:19px;padding:20px 0 18px}.benefits-grid{display:grid;grid-template-columns:repeat(8,1fr)}.benefits article{text-align:center;padding:0 12px;border-right:1px solid #dfe9ed;min-width:0}.benefits article:last-child{border-right:0}.benefits article>span{width:57px;height:57px;border:1px solid #b9ded0;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;color:#069d66}.benefits svg{width:31px;height:31px;stroke-width:2.4}.benefits h3{font-size:11.5px;margin:10px -6px 6px;white-space:nowrap}.benefits p{font-size:9.5px;line-height:1.55;color:#4d6171;margin:0 -5px}.levels{display:grid;grid-template-columns:290px 1fr;gap:28px;padding-top:14px}.levels-intro{background:linear-gradient(100deg,#f3f9fc 0,#fff 100%);padding:0 3px}.levels h2,.subjects h2{font-size:22px;line-height:1.15;margin:0}.levels h2:after,.subjects h2:after{content:"";display:block;width:50px;height:2px;background:#09aa6d;margin-top:3px}.levels-intro p{font-size:11px;line-height:1.55;margin:8px 0 15px;max-width:260px}.small-btn{display:inline-flex;align-items:center;gap:7px;background:linear-gradient(135deg,#08a968,#06bc75);color:#fff;border-radius:20px;padding:11px 19px;font-size:10px;font-weight:700}.small-btn svg{width:14px}.level-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px 12px}.level-grid a{height:78px;border:1px solid #e8eef1;border-radius:9px;box-shadow:0 5px 11px rgba(5,43,72,.07);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;font-size:10.5px;font-weight:600;transition:.2s}.level-grid a:hover{transform:translateY(-2px);border-color:#a8dbc8}.level-grid svg{width:29px;height:29px;stroke-width:2.1}.subjects{padding-top:14px;padding-bottom:18px}.subject-grid{display:grid;grid-template-columns:repeat(11,1fr);gap:8px;margin-top:10px}.subject-grid a{height:66px;border-radius:8px;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;text-align:center;font-size:8.8px;font-weight:600;box-shadow:0 5px 11px rgba(5,43,72,.09);transition:.2s}.subject-grid a:hover{transform:translateY(-3px);filter:saturate(1.1)}.subject-grid svg{width:23px;height:23px}.math{background:#168ee1}.physics{background:#7957d7}.chemistry{background:#fa5369}.biology{background:#40b875}.computer{background:#05a9c8}.english{background:#f5a130}.accounting{background:#446ecb}.business{background:#a543ad}.urdu{background:#e94081}.islamic{background:#26a6a3}.subject-grid .all{background:#edf1f5;color:var(--ink)}.footer{height:96px;position:relative;overflow:hidden;background:#062e4c;color:#fff}.footer-image{position:absolute;inset:0;background:url('assets/footer-banner.jpg') center/cover no-repeat;opacity:.32}.footer:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,43,72,.4),rgba(5,43,72,.9) 30%,rgba(5,43,72,.92) 70%,rgba(5,43,72,.25))}.footer-inner{position:relative;z-index:1;height:100%;display:flex;justify-content:center;align-items:center}.footer-cta{display:flex;flex-direction:column;align-items:center;margin-right:120px}.footer-cta strong{font-size:26px;line-height:1}.footer-cta span{font-size:17px;font-weight:700;margin-top:3px}.whatsapp{font-size:10px;margin-top:6px;display:flex;align-items:center;gap:5px;font-weight:500}.whatsapp svg{width:17px;height:17px;color:#28d187}.footer-note{font-family:'Patrick Hand',cursive;font-size:17px;line-height:1.02;text-align:center;transform:rotate(-7deg)}.footer-note span{width:65px;height:3px}.nav a,.btn,.request-btn,.small-btn,.search-btn{transition:filter .2s,transform .2s}.nav a:hover{color:var(--green-dark)}.btn:hover,.request-btn:hover,.small-btn:hover,.search-btn:hover{filter:brightness(1.05);transform:translateY(-1px)}
@media(max-width:1150px){.nav{gap:12px}.nav a{font-size:9px}.brand{width:225px}.brand img{width:215px}.request-btn{margin-left:14px;padding:12px 15px}.benefits-grid{grid-template-columns:repeat(4,1fr);row-gap:20px}.benefits article:nth-child(4){border-right:0}.finder-grid{grid-template-columns:repeat(3,1fr)}.search-btn{margin:0;height:63px}.subject-grid{grid-template-columns:repeat(6,1fr)}}
@media(max-width:900px){.top-links{display:none}.main-header{height:76px}.brand{height:68px}.menu-toggle{display:block;margin-left:auto}.request-btn{margin-left:5px}.nav{display:none;position:absolute;left:20px;right:20px;top:70px;background:#fff;border-radius:10px;box-shadow:var(--shadow);padding:10px 18px;flex-direction:column;align-items:stretch;gap:0}.nav.open{display:flex}.nav a{padding:10px 0;font-size:12px}.hero{height:520px}.hero-photo{inset:0;background-position:60% center}.hero-shade{background:linear-gradient(90deg,rgba(5,43,72,.96),rgba(5,43,72,.72))}.hero-content{padding-top:70px}.chalk-note{display:none}.levels{grid-template-columns:1fr}.levels-intro p{max-width:520px}.subject-grid{grid-template-columns:repeat(4,1fr)}}
@media(max-width:650px){.shell{width:min(100% - 24px,1190px)}.topbar{height:36px}.contact-mini{gap:8px;font-size:9px}.contact-mini a:nth-child(2),.contact-mini .divider{display:none}.main-header{height:72px}.brand{width:190px}.brand img{width:185px}.request-btn{font-size:0;width:44px;height:44px;padding:0;justify-content:center}.request-btn svg{width:21px}.hero{height:475px}.hero-content{padding-top:50px}.hero h1{font-size:38px}.hero p{font-size:16px}.hero-actions{gap:10px;flex-wrap:wrap}.btn{min-width:155px}.finder{margin-top:-18px;padding:15px}.finder-grid{grid-template-columns:1fr}.finder label,.search-btn{height:58px}.benefits-grid{grid-template-columns:repeat(2,1fr)}.benefits article:nth-child(2n){border-right:0}.level-grid{grid-template-columns:repeat(2,1fr)}.subject-grid{grid-template-columns:repeat(3,1fr)}.footer{height:140px}.footer-inner{flex-direction:column}.footer-cta{margin:0}.footer-cta strong{font-size:22px}.footer-cta span{font-size:13px}.footer-note{display:none}}
@media(max-width:390px){.hero h1{font-size:33px}.hero-actions .btn{width:100%}.subject-grid{grid-template-columns:repeat(2,1fr)}}