@import url('almarai.css');
:root{--noor-ink:#173c31;--noor-green:#18503e;--noor-muted:#536c60;--noor-border:#dedfd0;--noor-paper:#f7f6ed;--noor-gold:#d7ba75;--noor-ui-font:'Almarai',Tahoma,Arial,sans-serif}
html{scroll-behavior:smooth;scroll-padding-top:24px}
.noor-site{margin:0;background:radial-gradient(ellipse at 12% 2%,#fffdf3,transparent 60%),var(--noor-paper);color:var(--noor-ink);font:16px/1.8 var(--noor-ui-font)}
.noor-site *,.noor-site *::before,.noor-site *::after{box-sizing:border-box}
.noor-site :focus-visible{outline:3px solid #a38038;outline-offset:3px}
.noor-skip{position:fixed;inset-block-start:12px;inset-inline-start:12px;transform:translateY(-150%);z-index:10000;background:#fff;color:var(--noor-ink);padding:.4rem 1rem;border-radius:6px}
.noor-skip:focus{transform:translateY(0)}
.noor-frame{max-width:1264px;margin-inline:auto;padding-inline:clamp(18px,4vw,48px)}
.noor-header{min-height:105px;display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid var(--noor-border);padding-block:13px}
.noor-brand{display:inline-flex;align-items:center;gap:12px;color:var(--noor-ink);text-decoration:none;white-space:nowrap}
.noor-brand img{width:64px;height:64px;object-fit:contain}
.noor-brand strong{font:700 clamp(24px,3.1vw,35px)/1.25 var(--noor-ui-font);display:block}
.noor-brand b{color:#8a682d}
.noor-brand small{color:var(--noor-muted);display:block;font-size:11px;margin-top:2px}
.noor-nav{display:flex;align-items:center;gap:clamp(10px,2.6vw,32px);font-size:13px;font-weight:700}
.noor-nav a,.noor-footer a{color:var(--noor-green);text-decoration:none}
.noor-nav a:hover,.noor-footer a:hover{text-decoration:underline;text-underline-offset:4px}
.noor-nav .noor-nav-enroll{border:1px solid #cbd5c6;border-radius:8px;background:#fffef9;padding:.48rem .9rem;white-space:nowrap}
.noor-hero-grid{display:grid;grid-template-columns:1.25fr .85fr;align-items:center;gap:clamp(20px,4vw,54px);padding-block:clamp(24px,4.7vw,62px)}
.noor-hero{min-height:430px;display:flex;align-items:center;position:relative;overflow:hidden;isolation:isolate;padding:clamp(25px,4.5vw,57px);border-radius:21px;color:#fff8e7;background:radial-gradient(ellipse at 15% 0,#2a6452,transparent 72%),linear-gradient(128deg,#17503e,#10362e);border:1px solid #7a9068;box-shadow:0 18px 46px #203e3015}
.noor-hero-content{position:relative;z-index:1}
.noor-eyebrow{color:#e6c983;font-size:13px;margin:0}
.noor-hero h1{font:800 clamp(40px,5.2vw,70px)/1.18 var(--noor-ui-font);color:#fff8e7;margin:19px 0 12px;letter-spacing:0}
.noor-hero-description{color:#d7e4d3;font-size:15px;max-width:400px;margin:0 0 26px}
.noor-arch{position:absolute;inset-inline-end:-42px;inset-block-end:-45px;width:215px;height:372px;border:1px solid #d7ba756b;border-radius:110px 110px 0 0;transform:rotate(-9deg);color:var(--noor-gold);pointer-events:none}
.noor-arch i{position:absolute;inset:13px;border:1px solid #d7ba754f;border-radius:100px 100px 0 0}
.noor-arch i:nth-child(2){inset:27px}
.noor-arch i:nth-child(3){inset:42px}
.noor-arch span{position:absolute;inset:37% 0 auto;text-align:center;font-size:4rem;opacity:.45}
.noor-primary{display:inline-flex;align-items:center;justify-content:center;gap:.8rem;min-height:48px;background:#18523f;color:#fff;border:1px solid #18523f;border-radius:9px;padding:.65rem 1.2rem;font:700 14px/1.5 var(--noor-ui-font);text-decoration:none;cursor:pointer}
.noor-primary:hover{background:#103f30;color:#fff}
.noor-primary:disabled{opacity:.65;cursor:wait}
.noor-primary-light{background:#f4e5ba;color:#244339;border-color:#f4e5ba}
.noor-primary-light:hover{background:#fff3d1;color:#16372c}
.noor-enrollment{padding:clamp(21px,3.5vw,42px);border-radius:19px;background:#fffef9;border:1px solid var(--noor-border);box-shadow:0 12px 35px #233e2c0b}
.noor-enrollment>img{object-fit:contain;margin-bottom:3px}
.noor-enrollment h2{font:700 clamp(25px,3.2vw,39px)/1.35 var(--noor-ui-font);color:var(--noor-ink);margin:0 0 .4rem}
.noor-enrollment>p{font-size:14px;color:var(--noor-muted);margin:0 0 1.25rem}
.noor-enrollment-form{display:grid;gap:.54rem;margin:0}
.noor-enrollment-form label{font-size:14px;font-weight:700}
.noor-site .noor-enrollment-form input{width:100%;min-width:0;min-height:49px;border:1px solid #b8c8ba;background:#fff;border-radius:8px;color:var(--noor-ink);font:inherit;font-family:Almarai,Tahoma,Arial,sans-serif;padding:.5rem .75rem}
.noor-enrollment-form input::placeholder{color:#657469}
.noor-enrollment-form button{width:100%;margin-top:.35rem}
.noor-form-status{margin:0;padding:.52rem .75rem;font-size:13px;border-radius:7px;color:#1f543e;background:#ebf5e8}
.noor-form-status[data-error]{color:#7c2b28;background:#f9eae8}
.noor-footer{margin-top:36px;border-top:1px solid var(--noor-border);display:flex;justify-content:space-between;gap:12px;padding-block:18px 28px;font-size:13px;color:var(--noor-muted)}
@media(max-width:790px){.noor-header{flex-wrap:wrap;justify-content:center}.noor-nav{justify-content:center;flex-wrap:wrap}.noor-hero-grid{grid-template-columns:1fr}.noor-hero{min-height:0}.noor-enrollment{padding:24px}.noor-brand img{width:53px;height:53px}}
@media(max-width:450px){.noor-header{gap:8px;min-height:0}.noor-nav{gap:8px 12px;font-size:11px}.noor-nav .noor-nav-enroll{padding:.35rem .5rem}.noor-arch{inset-inline-end:-95px;opacity:.6}.noor-hero h1{font-size:clamp(31px,10vw,44px)}.noor-hero-description{font-size:13px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}