:root{
  --green:#173f2c;--green-2:#24563b;--green-3:#0d2e20;--sage:#dfe9d7;
  --gold:#c99a38;--gold-light:#efd18a;--cream:#fbfaf4;--ink:#1c2a22;--white:#fff;
  --shadow:0 20px 60px rgba(17,52,35,.12);--radius:28px;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:"DM Sans",sans-serif;color:var(--ink);background:var(--cream);overflow-x:hidden}
body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.13;background-image:linear-gradient(30deg,transparent 46%,var(--gold) 47%,transparent 48%),linear-gradient(150deg,transparent 46%,var(--green) 47%,transparent 48%);background-size:90px 90px;mask-image:linear-gradient(to bottom,#000,transparent 70%);z-index:-2}
a{text-decoration:none;color:inherit}
.section{width:min(1180px,92%);margin:auto;padding:100px 0}
.site-header{height:86px;position:fixed;top:0;left:0;right:0;z-index:50;display:flex;align-items:center;justify-content:space-between;padding:0 max(4vw,28px);transition:.35s;background:rgba(251,250,244,.72);backdrop-filter:blur(14px);border-bottom:1px solid transparent}
.site-header.scrolled{background:rgba(255,255,255,.94);box-shadow:0 8px 30px rgba(20,50,35,.08);border-color:rgba(201,154,56,.15)}
.brand{display:flex;align-items:center;gap:12px;color:var(--green)}
.brand strong{font-family:"Playfair Display",serif;font-size:18px;line-height:.88;letter-spacing:.5px}.brand small{display:block;font-size:9px;letter-spacing:1px;font-weight:700;margin-top:6px}
.brand-mark{width:54px;height:54px;border-radius:50%;display:grid;place-items:center;border:2px solid var(--gold);background:radial-gradient(circle at 35% 25%,#fff,var(--sage) 45%,#b8cda9);box-shadow:inset 0 0 0 4px #fff,0 6px 18px rgba(0,0,0,.08);font-family:serif;font-size:12px;color:var(--green);font-weight:bold}
.brand-mark.small{width:40px;height:40px;font-size:9px}
.nav{display:flex;align-items:center;gap:27px;font-size:14px;font-weight:600}.nav a{position:relative;padding:10px 0}.nav a:not(.nav-cta):after{content:"";position:absolute;left:0;bottom:3px;width:0;height:2px;background:var(--gold);transition:.3s}.nav a:hover:after,.nav a.active:after{width:100%}
.nav-cta{padding:12px 20px!important;border-radius:14px;background:linear-gradient(135deg,var(--green),#3d704b);color:#fff;box-shadow:0 8px 20px rgba(23,63,44,.22)}.nav-cta span{color:var(--gold-light)}
.menu-toggle{display:none;border:0;background:none;width:42px}.menu-toggle span{display:block;height:2px;background:var(--green);margin:6px 0}
.hero{min-height:760px;padding-top:145px;display:grid;grid-template-columns:1.02fr .98fr;align-items:center;gap:20px;position:relative}
.hero-copy{z-index:2}.eyebrow{font-size:11px;letter-spacing:2.2px;font-weight:800;color:var(--gold);display:inline-flex;align-items:center;gap:10px}.eyebrow span{width:24px;height:1px;background:var(--gold)}
h1,h2{font-family:"Playfair Display",serif;color:var(--green)}h1{font-size:clamp(43px,5vw,72px);line-height:1.03;margin:20px 0}h1 em,h2 em{font-style:normal;color:var(--gold)}.hero-copy>p{font-size:17px;line-height:1.8;max-width:600px;color:#526157}
.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin:28px 0}.btn{display:inline-flex;gap:24px;align-items:center;padding:15px 21px;border-radius:14px;font-weight:700;font-size:14px;transition:.3s}.btn span{font-size:20px}.btn-primary{background:linear-gradient(135deg,#1a4b33,#356b49);color:#fff;box-shadow:0 12px 25px rgba(23,63,44,.2)}.btn-outline{border:1px solid var(--gold);color:#8d6821;background:rgba(255,255,255,.6)}.btn:hover{transform:translateY(-3px);box-shadow:0 15px 28px rgba(23,63,44,.15)}
.hero-mini{display:flex;gap:24px;flex-wrap:wrap;font-size:12px;color:#536057}.hero-mini div{display:flex;gap:7px;align-items:center}.hero-mini b{width:20px;height:20px;border-radius:50%;display:grid;place-items:center;background:#e6eedf;color:var(--green)}
.hero-art{height:550px;position:relative}.arch{position:absolute;right:0;top:0;width:92%;height:100%;border-radius:300px 300px 50px 50px;background:linear-gradient(135deg,#e7eddc,#fff 45%,#b9cfad);box-shadow:inset -20px 0 60px rgba(20,58,38,.13),0 30px 60px rgba(23,63,44,.12);overflow:hidden}.arch:after{content:"";position:absolute;inset:18px;border:1px solid rgba(201,154,56,.45);border-radius:290px 290px 35px 35px}.arch-back{opacity:.75}.school-card{position:absolute;right:8%;top:12%;width:54%;height:50%;z-index:2;filter:drop-shadow(0 20px 20px rgba(23,63,44,.16))}
.school-roof{position:absolute;left:5%;right:5%;top:0;height:16%;background:linear-gradient(180deg,#fff,#d9ddcf);clip-path:polygon(8% 100%,0 65%,12% 65%,18% 0,82% 0,88% 65%,100% 65%,92% 100%);border-bottom:5px solid var(--gold)}
.school-body{position:absolute;inset:12% 9% 0;background:linear-gradient(90deg,#e6e8dd,#fff,#d9dfd1);border-radius:8px 8px 0 0;border:1px solid rgba(201,154,56,.35);padding-top:10px}.school-sign{margin:auto;width:72%;padding:7px;background:var(--green);color:var(--gold-light);font-size:10px;text-align:center;font-weight:800;letter-spacing:1px;border-radius:3px}.school-arch{width:34%;height:62%;margin:15px auto 0;border:10px solid #c9a55d;border-bottom:0;border-radius:120px 120px 0 0;background:linear-gradient(90deg,#224f38,#48704c,#1b422e)}.school-columns:before,.school-columns:after{content:"";position:absolute;bottom:0;width:10px;height:44%;background:#fff;border:1px solid #cfcfbe}.school-columns:before{left:20%}.school-columns:after{right:20%}
.student{position:absolute;z-index:5;bottom:4%;width:170px;height:320px}.student .head{position:absolute;width:78px;height:92px;border-radius:48% 48% 44% 44%;left:46px;top:36px;background:#c99063;box-shadow:inset 10px -8px 0 rgba(0,0,0,.04)}.student .body{position:absolute;top:118px;left:30px;width:110px;height:180px;border-radius:45px 45px 20px 20px;background:linear-gradient(90deg,#244f36,#507a4e,#244b34);border:3px solid rgba(255,255,255,.35)}.student .body:after{content:"";position:absolute;left:43px;top:35px;width:24px;height:28px;border-radius:3px;background:var(--gold);box-shadow:0 30px 0 -8px #eee}.student .cap{position:absolute;z-index:3;top:26px;left:38px;width:95px;height:28px;background:#172f22;border-radius:50% 50% 35% 35%}.student .book{position:absolute;z-index:6;bottom:30px;left:5px;width:90px;height:65px;background:linear-gradient(135deg,#1d4a32,#356a49);border:3px solid var(--gold-light);transform:rotate(-8deg);border-radius:5px;color:var(--gold-light);display:grid;place-items:center;font-size:25px}.student.boy{right:27%}.student.girl{right:0;transform:scale(.94)}.girl .head{left:43px;top:46px}.hijab{position:absolute;z-index:2;left:18px;top:22px;width:128px;height:145px;border-radius:65px 65px 50px 50px;background:linear-gradient(135deg,#5e7950,#b1c29e,#4d6845);box-shadow:inset 8px 0 20px rgba(255,255,255,.18)}.girl .body{background:linear-gradient(90deg,#567047,#809766,#526c43);top:145px;height:153px}.girl .book{left:82px;transform:rotate(8deg)}
.spark{position:absolute;color:#f6d884;z-index:10;animation:twinkle 2.8s ease-in-out infinite}.spark-1{top:10%;right:28%;font-size:35px}.spark-2{top:40%;right:2%;font-size:22px;animation-delay:.7s}.spark-3{bottom:12%;left:12%;font-size:28px;animation-delay:1.3s}.moon-orb{position:absolute;z-index:1;right:6%;top:9%;width:100px;height:100px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#fff,#f5e0a1 35%,rgba(201,154,56,.05) 70%);filter:blur(.2px);box-shadow:0 0 60px rgba(239,209,138,.75)}
.gold-line{position:absolute;height:2px;background:linear-gradient(90deg,transparent,var(--gold),transparent);z-index:7;transform:rotate(-18deg);animation:shine 4s linear infinite}.line-1{width:300px;right:-40px;top:47%}.line-2{width:200px;left:4%;bottom:13%;transform:rotate(20deg);animation-delay:1s}
.trust-strip{width:min(1160px,92%);margin:-35px auto 0;position:relative;z-index:10;background:rgba(255,255,255,.92);border:1px solid rgba(201,154,56,.35);border-radius:25px;box-shadow:var(--shadow);display:grid;grid-template-columns:repeat(5,1fr);overflow:hidden}.trust-item{padding:23px 15px;display:flex;align-items:center;gap:12px;border-right:1px solid #eee8d8}.trust-item:last-child{border:0}.icon{width:43px;height:43px;flex:none;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#234f36,#426d4c);color:var(--gold-light);box-shadow:0 6px 12px rgba(23,63,44,.2)}.trust-item b{font-size:12px;display:block;color:var(--green)}.trust-item small{font-size:10px;color:#718078}
.section-heading{text-align:center;margin-bottom:50px}.section-heading h2{font-size:clamp(34px,4vw,48px);margin:8px 0}.section-heading p{color:#68746d}.ornament{color:var(--gold);font-size:12px;letter-spacing:4px}
.feature-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:17px}.feature-card{background:rgba(255,255,255,.8);border:1px solid #e9d8ad;border-radius:23px;padding:30px 22px;text-align:center;transition:.4s;box-shadow:0 8px 30px rgba(20,50,35,.04);position:relative;overflow:hidden}.feature-card:before{content:"";position:absolute;top:-100%;left:-40%;width:40%;height:300%;transform:rotate(25deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.8),transparent);transition:.7s}.feature-card:hover:before{left:130%}.feature-card:hover{transform:translateY(-8px);box-shadow:0 22px 40px rgba(23,63,44,.12);border-color:var(--gold)}.feature-icon{margin:0 auto 18px;width:64px;height:64px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#f7e6ad,#c89b3d);color:#fff;font-size:27px;box-shadow:inset 0 2px 4px #fff,0 8px 18px rgba(201,154,56,.2)}.feature-card h3{font-family:"Playfair Display",serif;color:var(--green);margin-bottom:10px}.feature-card p,.program-content p{font-size:12px;line-height:1.7;color:#69756d}
.program-section{padding-top:60px}.slider-wrap{position:relative}.program-track{display:flex;gap:18px;overflow-x:auto;scroll-behavior:smooth;scrollbar-width:none;padding:5px 3px 20px}.program-track::-webkit-scrollbar{display:none}.program-card{flex:0 0 calc((100% - 54px)/4);border-radius:23px;overflow:hidden;background:#fff;border:1px solid #ead9af;box-shadow:0 12px 30px rgba(23,63,44,.08);transition:.35s}.program-card:hover{transform:translateY(-7px);box-shadow:0 20px 35px rgba(23,63,44,.14)}.program-visual{height:190px;display:grid;place-items:center;position:relative;overflow:hidden}.program-visual:before{content:"";position:absolute;width:180px;height:180px;border-radius:50%;border:1px solid rgba(255,255,255,.35);box-shadow:0 0 0 25px rgba(255,255,255,.05),0 0 0 50px rgba(255,255,255,.04)}.program-visual span{font-family:serif;font-size:76px;color:#fff;text-shadow:0 6px 20px rgba(0,0,0,.18);z-index:1}.quran{background:linear-gradient(135deg,#1a4b33,#69855a)}.arabic{background:linear-gradient(135deg,#b88b30,#ead18a)}.adab{background:linear-gradient(135deg,#416b4a,#a8bd98)}.science{background:linear-gradient(135deg,#284e5d,#86aeb6)}.sport{background:linear-gradient(135deg,#315f43,#98ad61)}.public{background:linear-gradient(135deg,#544a34,#bd9d54)}.program-content{padding:20px}.program-content h3{font-family:"Playfair Display",serif;color:var(--green);margin-bottom:7px}.slider-btn{position:absolute;z-index:4;top:45%;width:42px;height:42px;border-radius:50%;border:1px solid var(--gold);background:#fff;color:var(--green);font-size:30px;box-shadow:0 8px 20px rgba(0,0,0,.12);cursor:pointer}.slider-btn.prev{left:-20px}.slider-btn.next{right:-20px}
.stats{background:linear-gradient(115deg,#143a28,#2d5e3e 55%,#173b29);width:min(1180px,92%);margin:10px auto 50px;border-radius:30px;border:2px solid rgba(239,209,138,.55);box-shadow:0 20px 45px rgba(20,60,40,.2);display:grid;grid-template-columns:repeat(4,1fr);padding:34px;color:#fff;position:relative;overflow:hidden}.stats:after{content:"";position:absolute;top:-100%;left:-20%;width:20%;height:300%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.15),transparent);transform:rotate(25deg);animation:shine 6s infinite}.stat{text-align:center;border-right:1px solid rgba(255,255,255,.18);position:relative;z-index:1}.stat:last-child{border:0}.stat strong{font-family:"Playfair Display",serif;color:#f5d889;font-size:42px}.stat span{color:#f5d889;font-size:22px}.stat small{display:block;margin-top:3px;letter-spacing:1px;font-weight:600;color:#e9efe9}
.quote-section{display:grid;grid-template-columns:170px 1fr 200px;align-items:center;background:linear-gradient(180deg,#fbfaf4,#f0ead8);max-width:none;width:100%;padding:80px max(6vw,30px);position:relative;overflow:hidden}.quote-section:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 20% 50%,rgba(201,154,56,.13) 0 2px,transparent 3px),linear-gradient(45deg,transparent 48%,rgba(23,63,44,.06) 49%,transparent 50%);background-size:40px 40px,80px 80px}.quran-stand{width:120px;height:80px;border:4px solid var(--gold);border-top:0;transform:skew(-12deg);display:grid;place-items:center;color:var(--gold);font-size:50px;z-index:1}.quote-copy{text-align:center;max-width:800px;margin:auto;z-index:1}.quote-copy blockquote{font-family:"Playfair Display",serif;font-size:clamp(20px,2.5vw,31px);line-height:1.6;color:var(--green);margin:15px 0}.quote-copy cite{font-style:normal;color:#8e6b27;font-weight:700}.quote-students{display:flex;align-items:end;height:230px;z-index:1}.mini-student{width:75px;height:180px;border-radius:40px 40px 15px 15px;background:linear-gradient(90deg,#244b34,#6b8758);position:relative}.mini-boy:before{content:"";position:absolute;width:50px;height:55px;border-radius:50%;background:#c99063;left:12px;top:-30px}.mini-boy:after{content:"";position:absolute;width:60px;height:18px;background:#173123;left:7px;top:-35px;border-radius:50%}.mini-girl{margin-left:-8px;height:165px;background:linear-gradient(90deg,#637950,#9bb18b)}.mini-girl:before{content:"";position:absolute;width:78px;height:100px;left:-2px;top:-45px;border-radius:50%;background:#72865c}.mini-girl:after{content:"";position:absolute;width:48px;height:50px;border-radius:50%;background:#c99063;left:14px;top:-20px}
.gallery-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:16px}.gallery-item{height:220px;border-radius:24px;display:flex;align-items:end;padding:22px;color:#fff;font-weight:800;letter-spacing:1px;overflow:hidden;position:relative;background:linear-gradient(135deg,#234f36,#81956d)}.gallery-item:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 70% 20%,rgba(255,255,255,.4),transparent 25%),repeating-linear-gradient(45deg,transparent 0 18px,rgba(255,255,255,.07) 19px 20px)}.gallery-item div{position:relative;z-index:1;text-shadow:0 2px 10px #173b29}.gallery-item.large{height:330px;grid-row:span 2;background:linear-gradient(145deg,#173d2b,#668453)}.gallery-item.wide{grid-column:2/4;background:linear-gradient(135deg,#aa8330,#e4cb82)}
.ppdb{max-width:1180px;border-radius:35px;background:linear-gradient(120deg,#173b29,#315e3d 60%,#173724);color:#fff;display:flex;align-items:center;justify-content:space-between;position:relative;overflow:hidden;box-shadow:0 30px 60px rgba(20,60,40,.2);border:1px solid rgba(239,209,138,.5)}.ppdb:before{content:"";position:absolute;width:550px;height:550px;border-radius:50%;right:-160px;top:-240px;border:1px solid rgba(239,209,138,.35);box-shadow:0 0 0 30px rgba(239,209,138,.04),0 0 0 80px rgba(239,209,138,.03)}.ppdb-copy{max-width:700px;position:relative;z-index:1}.ppdb h2{color:#fff;font-size:clamp(34px,4vw,54px);margin:12px 0}.ppdb p{color:#dce8dd;line-height:1.7}.btn-light{background:#fff;color:var(--green)}.btn-gold{background:linear-gradient(135deg,#c69735,#efd18a);color:#24412e}.ppdb-badge{width:180px;height:180px;border-radius:50%;display:grid;place-items:center;text-align:center;background:radial-gradient(circle at 35% 25%,#fff4c9,#c89737);color:#1e402c;font-family:"Playfair Display",serif;font-size:20px;box-shadow:0 0 0 10px rgba(239,209,138,.12),0 0 70px rgba(239,209,138,.2);position:relative;z-index:1}.ppdb-badge strong{font-size:48px;line-height:.8}.ppdb-badge small{font-size:13px}
.contact-card{border:1px solid #e8d8b3;background:#fff;border-radius:30px;padding:42px;display:grid;grid-template-columns:1.1fr 1fr;gap:50px;box-shadow:var(--shadow)}.contact-card h2{font-size:42px;margin:12px 0}.contact-card p{color:#69756d;line-height:1.7}.contact-links{display:grid;gap:14px}.contact-links a{display:flex;gap:16px;align-items:center;padding:18px;border-radius:17px;background:#f5f7f1;color:var(--green);transition:.3s}.contact-links a:hover{transform:translateX(6px);background:#e9f0e2}.contact-links>a:first-letter{font-size:25px}.contact-links span{font-size:12px;color:#748077}.contact-links b{font-size:14px;color:var(--green)}
footer{background:#102f21;color:#dbe6dd;padding:30px max(4vw,28px);display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:12px}.footer-brand{display:flex;align-items:center;gap:10px}.footer-brand b{color:#fff}
.page-glow{position:fixed;width:500px;height:500px;border-radius:50%;filter:blur(100px);opacity:.14;z-index:-3;pointer-events:none}.glow-a{background:#d3a84e;left:-300px;top:10%}.glow-b{background:#3e7a4f;right:-300px;top:45%}.pattern{position:absolute;width:240px;height:240px;opacity:.08;background:repeating-conic-gradient(from 45deg,var(--gold) 0 10deg,transparent 10deg 20deg);mask-image:radial-gradient(circle,#000,transparent 70%);z-index:-1}.pattern-left{left:-100px;top:20%}.pattern-right{right:-100px;top:55%}
.reveal{opacity:0;transform:translateY(25px);transition:opacity .8s ease,transform .8s ease}.reveal.visible{opacity:1;transform:none}
@keyframes twinkle{0%,100%{opacity:.35;transform:scale(.8) rotate(0)}50%{opacity:1;transform:scale(1.15) rotate(12deg)}}@keyframes shine{0%{opacity:0;transform:translateX(-100px) rotate(-18deg)}25%{opacity:1}55%{opacity:0;transform:translateX(420px) rotate(-18deg)}100%{opacity:0}}
@media(max-width:1050px){.nav{gap:15px}.hero{grid-template-columns:1fr}.hero-copy{padding-top:20px}.hero-art{height:500px;max-width:700px;width:100%;margin:auto}.feature-grid{grid-template-columns:repeat(3,1fr)}.program-card{flex-basis:calc((100% - 36px)/3)}}
@media(max-width:760px){.site-header{height:72px}.menu-toggle{display:block}.nav{position:absolute;left:4%;right:4%;top:80px;background:#fff;border-radius:20px;box-shadow:0 20px 50px rgba(0,0,0,.14);padding:18px;display:none;flex-direction:column;align-items:stretch}.nav.open{display:flex}.nav a{padding:12px}.brand-mark{width:45px;height:45px}.brand strong{font-size:15px}.hero{padding-top:110px;min-height:auto}.hero-art{height:420px}.student{transform:scale(.72);transform-origin:bottom}.student.boy{right:22%}.student.girl{right:-3%}.school-card{width:65%;right:18%}.trust-strip{grid-template-columns:1fr 1fr;margin-top:20px}.trust-item{border-bottom:1px solid #eee8d8}.trust-item:nth-child(2n){border-right:0}.feature-grid{grid-template-columns:1fr 1fr}.program-card{flex-basis:78%}.slider-btn.prev{left:-8px}.slider-btn.next{right:-8px}.stats{grid-template-columns:1fr 1fr;gap:25px}.stat:nth-child(2){border:0}.stat:nth-child(-n+2){padding-bottom:20px;border-bottom:1px solid rgba(255,255,255,.18)}.quote-section{grid-template-columns:1fr;padding:70px 6%}.quran-stand,.quote-students{display:none}.gallery-grid{grid-template-columns:1fr 1fr}.gallery-item.large{grid-row:auto;height:220px}.gallery-item.wide{grid-column:1/3}.ppdb{display:block}.ppdb-badge{margin:30px auto 0}.contact-card{grid-template-columns:1fr;padding:30px}.contact-card h2{font-size:34px}footer{flex-direction:column;text-align:center}}
@media(max-width:480px){h1{font-size:40px}.hero-copy>p{font-size:14px}.hero-mini{display:none}.hero-art{height:350px}.student{transform:scale(.55)}.student.boy{right:17%}.student.girl{right:-10%}.school-card{width:70%;right:15%}.feature-grid,.gallery-grid{grid-template-columns:1fr}.gallery-item.wide{grid-column:auto}.trust-strip{grid-template-columns:1fr}.trust-item{border-right:0!important}.program-card{flex-basis:90%}.stats{padding:25px 15px}.stat strong{font-size:32px}.contact-card{gap:25px}.ppdb{padding:55px 25px}.section{padding:75px 0}}