@import url('https://fonts.googleapis.com/css2?family=DM+Serif+Display&family=Noto+Naskh+Arabic:wght@500;600;700&family=Readex+Pro:wght@400;500;600;700&display=swap');:root{--ink:#173440;--ocean:#0f6776;--aqua:#9edbd0;--coral:#fa6d58;--cream:#fffdf7;--sand:#f1eadc}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:'Readex Pro',sans-serif;line-height:1.8}a{text-decoration:none;color:inherit}header{max-width:1240px;margin:auto;padding:20px 34px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:12px;font-size:21px;font-weight:700}.brand small{display:block;font-size:11px;font-weight:400;color:#6d7c80}.spark{width:44px;height:44px;background:var(--coral);color:#fff;border-radius:50%;display:grid;place-items:center;font-size:22px}nav{display:flex;gap:28px;font-size:14px}nav a:hover{color:var(--coral)}.top-link{font-size:13px;border-bottom:2px solid var(--coral)}main{max-width:1180px;margin:auto;padding:0 34px}.hero{min-height:610px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:60px}.kicker{font-size:12px;color:var(--ocean);font-weight:700;letter-spacing:.4px}.hero h1{font-family:'DM Serif Display','Noto Naskh Arabic',serif;font-size:clamp(55px,7vw,88px);line-height:1.05;letter-spacing:-2px;margin:14px 0 20px}.hero h1 em{color:var(--coral);font-style:normal}.hero p{color:#597075;max-width:460px}.actions{display:flex;align-items:center;gap:20px;margin-top:32px}.primary{display:inline-flex;align-items:center;gap:20px;background:var(--ocean);color:#fff;padding:14px 20px;border-radius:5px;font-size:14px;box-shadow:6px 6px 0 var(--aqua)}.primary:hover{transform:translate(-2px,-2px)}.secondary{font-size:14px;border-bottom:1px solid var(--ink)}.hero-orbit{position:relative;aspect-ratio:1;background:#d6eee7;border-radius:48% 52% 54% 46%/45% 47% 53% 55%;display:grid;place-items:center;isolation:isolate}.hero-orbit:before{content:'';position:absolute;width:72%;height:72%;border:1px dashed var(--ocean);border-radius:50%;z-index:-1}.orbital-core{background:var(--cream);width:54%;aspect-ratio:1;border-radius:50%;display:grid;place-content:center;text-align:center;border:9px solid #fff;box-shadow:0 8px 28px #2b615520}.orbital-core strong{font-family:'DM Serif Display',serif;font-size:70px;line-height:1;color:var(--ocean)}.orbital-core span{font-size:13px}.hero-orbit>p{position:absolute;bottom:4%;left:10%;font-size:12px;color:var(--ocean);line-height:2}.orbit-tag{position:absolute;background:var(--coral);color:white;border-radius:30px;padding:7px 13px;font-size:12px;box-shadow:4px 4px 0 #ffffff99}.tag-one{top:17%;right:9%}.tag-two{bottom:20%;right:5%;background:var(--ocean)}.tag-three{top:33%;left:4%;background:#e4af37}.numbers{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #ccd9d3;border-bottom:1px solid #ccd9d3}.numbers article{padding:28px;border-left:1px solid #ccd9d3}.numbers article:last-child{border-left:0}.numbers span{font-family:'DM Serif Display',serif;font-size:43px;color:var(--coral)}.numbers p{margin:0;font-size:13px}.heading{display:flex;justify-content:space-between;align-items:end;margin:94px 0 28px}.heading h2,.achieve h2{font-family:'DM Serif Display','Noto Naskh Arabic',serif;font-size:48px;margin:0;line-height:1.2}.heading p{font-size:13px;color:#687d7d}.student-board{background:#173440;padding:26px;border-radius:20px}.grade-tabs{display:flex;gap:10px;margin-bottom:24px}.grade-tabs button{background:transparent;color:#c9dfdc;border:1px solid #50727a;padding:9px 14px;border-radius:30px;font:inherit;font-size:13px;cursor:pointer}.grade-tabs button.active{background:var(--aqua);color:var(--ink);border-color:var(--aqua)}.roster-card{background:#fffdf7;padding:26px;border-radius:13px}.roster-card h3{margin:0;font-size:22px}.roster-card ol{font-family:'Noto Naskh Arabic',serif;display:grid;grid-template-columns:1fr 1fr;gap:0 25px;list-style:none;padding:0;margin:20px 0 0;max-height:340px;overflow:auto}.roster-card li{padding:10px 0;border-bottom:1px solid #e6e2d9;font-size:16px}.roster-card li span{font-family:'Readex Pro',sans-serif;color:var(--coral);font-size:11px;margin-left:10px}.journey{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.journey article{padding:20px;background:var(--sand);border-radius:12px}.journey b{font-family:'DM Serif Display',serif;font-size:36px;color:var(--coral)}.journey h3{margin:4px 0}.journey p{font-size:13px;margin:0;color:#5e7074}.achieve{margin:90px 0;display:flex;align-items:center;justify-content:space-between;background:var(--aqua);padding:42px;border-radius:15px}.achieve h2{font-size:38px}.achieve p{margin:8px 0 0;font-size:14px}footer{display:flex;justify-content:space-between;padding:25px max(34px,calc((100vw - 1112px)/2));background:var(--ink);color:#fff;font-size:13px}footer span{opacity:.7}@media(max-width:750px){header{padding:18px 20px;flex-wrap:wrap}nav{order:3;width:100%;justify-content:space-between;gap:6px;font-size:12px}.top-link{font-size:11px}main{padding:0 20px}.hero{grid-template-columns:1fr;min-height:auto;padding:55px 0}.hero-orbit{max-width:390px;width:100%;margin:auto}.numbers,.journey,.roster-card ol{grid-template-columns:1fr}.numbers article{border-left:0;border-bottom:1px solid #ccd9d3}.heading{align-items:start;flex-direction:column;margin-top:65px}.achieve{margin:60px 0;align-items:start;gap:25px;flex-direction:column}.heading h2{font-size:40px}footer{padding:25px 20px;flex-wrap:wrap;gap:12px}}