:root{color:#1b3b4e;background:#f8f6f0;font-family:Tahoma,Arial,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px}a{color:inherit}.app{min-height:100vh;overflow:hidden}.site-header{width:min(1120px,calc(100% - 48px));height:116px;display:flex;align-items:center;justify-content:center;margin:auto}.brand{display:flex;align-items:center;gap:10px;text-decoration:none}.brand img{width:55px;height:65px;object-fit:contain}.brand span{display:grid;gap:2px;line-height:1.2}.brand strong{font-size:1rem}.brand small{color:#78868d;font-size:.68rem}.hero{position:relative;isolation:isolate;min-height:440px;padding:82px max(24px,calc((100% - 980px)/2)) 98px;overflow:hidden;color:#fff;background:linear-gradient(120deg,#15364a,#24526a)}.hero-content{position:relative;z-index:1;max-width:620px}.eyebrow{margin:0 0 13px;color:#efa15f;font-size:.8rem;font-weight:700}.hero h1{margin:0;font-size:clamp(2.5rem,5vw,4.1rem);line-height:1.25;letter-spacing:-.04em}.hero h1 em{color:#ffb26d;font-style:normal}.hero-content>p:not(.eyebrow){max-width:520px;margin:19px 0 28px;color:#e4ecee;font-size:1.06rem;line-height:2}.hero-mark{position:absolute;z-index:0;inset-inline-end:max(80px,calc((100% - 1000px)/2));top:50%;display:grid;width:165px;height:165px;color:#f2a461;background:#ffffff0f;border:1px solid #ffffff20;border-radius:50%;transform:translateY(-50%)}.hero-mark svg{width:62px;height:62px;margin:auto;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.2}.hero-pattern{position:absolute;z-index:-1;top:0;right:0;bottom:0;left:0;opacity:.16;background-image:radial-gradient(#f6d2ac 1px,transparent 1px);background-size:20px 20px;-webkit-mask-image:linear-gradient(to left,black,transparent 66%);mask-image:linear-gradient(to left,black,transparent 66%)}.hero-wave{position:absolute;z-index:0;bottom:-34px;inset-inline:-5%;height:68px;background:#f8f6f0;border-radius:50% 50% 0 0/60% 60% 0 0;transform:rotate(-2deg) scaleX(1.1)}.portals{width:min(980px,calc(100% - 48px));margin:0 auto;padding:58px 0 70px}.section-heading{margin-bottom:30px;text-align:center}.section-heading .eyebrow{margin-bottom:8px}.section-heading h2{margin:0;font-size:clamp(1.8rem,3vw,2.35rem);letter-spacing:-.03em}.section-heading>p:last-child{margin:9px 0 0;color:#849094;font-size:.88rem}.hadith{margin:0 auto 30px;color:#365466;text-align:center}.hadith p{margin:0 0 7px;font-size:clamp(1rem,2vw,1.2rem);line-height:1.8}.hadith cite{color:#a16a3b;font-size:.74rem;font-style:normal}.portal-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.portal-card{min-height:190px;padding:25px;background:#fffefa;border:1px solid #e8e7e1;border-radius:16px;transition:box-shadow .2s ease,transform .2s ease}.portal-card:hover{box-shadow:0 14px 30px #1c394014;transform:translateY(-3px)}.portal-icon{display:grid;width:43px;height:43px;place-items:center;color:#2f7890;background:#eaf5f7;border-radius:12px}.teacher-card .portal-icon{color:#df731d;background:#fff0e4}.guardian-card .portal-icon{color:#36765f;background:#e9f4ed}.portal-icon svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.7}.portal-card h3{margin:21px 0 7px;font-size:1.12rem}.portal-card p{margin:0;color:#748287;font-size:.85rem;line-height:1.8}footer{width:min(980px,calc(100% - 48px));padding-bottom:48px;margin:auto}.contact{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:27px 30px;color:#dce8e7;background:#16384b;border-radius:16px}.contact-heading .eyebrow{margin-bottom:7px;color:#f2a461}.contact-heading h2{margin:0 0 7px;color:#fff;font-size:1.25rem}.contact-heading>p:last-child{margin:0;color:#b8cbd0;font-size:.82rem}address{display:flex;flex-wrap:wrap;gap:12px 24px;font-style:normal}.contact-link{display:inline-flex;align-items:center;gap:8px;color:#fff;font-size:.84rem;text-decoration:none}.contact-link:hover{color:#ffb26d}.contact-icon{display:grid;width:32px;height:32px;place-items:center;color:#f2a461;background:#ffffff12;border-radius:50%}.contact-icon svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8}a:focus-visible{outline:3px solid #ffb26d;outline-offset:3px;border-radius:4px}@media(max-width:700px){.site-header{width:min(100% - 32px,1120px);height:96px}.brand img{width:47px;height:55px}.brand strong{font-size:.86rem}.brand small{font-size:.6rem}.hero{min-height:500px;padding:72px 24px 96px}.hero h1{max-width:390px;font-size:clamp(2.35rem,11vw,3.4rem)}.hero-mark{width:115px;height:115px;inset-inline-end:22px;top:auto;bottom:34px;opacity:.7}.hero-mark svg{width:45px;height:45px}.portals{width:min(100% - 32px,980px);padding:50px 0 56px}.portal-grid{grid-template-columns:1fr}.portal-card{min-height:auto}footer{width:min(100% - 32px,980px);padding-bottom:32px}.contact{align-items:flex-start;flex-direction:column;gap:18px;padding:23px}address{flex-direction:column;gap:9px}}