/*
Theme Name: Nashir Academy Site
Version: 0.1.0
Requires PHP: 8.2
Description: Bilingual Nashir Academy product website.
Author: Nashir Business Services
*/
@font-face{font-family:Almarai;src:url(assets/fonts/Almarai-Regular.ttf);font-display:swap}@font-face{font-family:Almarai;src:url(assets/fonts/Almarai-Bold.ttf);font-weight:700;font-display:swap}
:root{--ink:#192b4d;--green:#167765;--paper:#f7f9f8;--line:#dbe4e1}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;color:var(--ink);background:var(--paper);font-family:Almarai,Arial,sans-serif;line-height:1.9}a{color:inherit;text-underline-offset:5px}button,input,select,textarea{font:inherit}a,button,input,select,textarea{outline-offset:5px}:focus-visible{outline:3px solid var(--green)}.skip{position:absolute;top:-90px}.skip:focus{top:0;background:white;z-index:99}.wrap{max-width:1200px;margin:auto;padding-inline:32px}header{border-bottom:1px solid var(--line);background:#fff}nav{display:flex;align-items:center;gap:28px;min-height:104px}.brand{margin-inline-end:auto}.brand img{width:190px;max-height:72px}nav a{text-decoration:none;font-size:14px}.lang{border:1px solid var(--line);border-radius:100px;padding:7px 16px}.eyebrow{font-size:13px;letter-spacing:.04em;color:var(--green);font-weight:700}.hero{padding-block:78px 90px;display:grid;grid-template-columns:1.15fr 1fr;gap:65px;align-items:center}h1{font-size:clamp(36px,4.7vw,64px);line-height:1.4;letter-spacing:-1.6px;margin:20px 0}h1 span{color:var(--green)}h2{font-size:clamp(27px,3vw,40px);line-height:1.5;margin:12px 0 24px}h3{font-size:21px;line-height:1.6}p{margin:0 0 20px}.intro{font-size:18px;max-width:580px}.button{display:inline-block;background:var(--green);color:#fff;padding:12px 25px;border:0;border-radius:9px;text-decoration:none;font-weight:700;cursor:pointer}.button.secondary{background:transparent;color:var(--ink);border:1px solid var(--line)}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.note{font-size:12px;margin-top:15px}.visual{position:relative;padding:28px;background:#eaf2ef;border:1px solid #d3e3dc;border-radius:28px;transform:rotate(-2deg)}[dir=ltr] .visual{transform:rotate(2deg)}.board{background:white;border-radius:16px;padding:25px;box-shadow:0 20px 55px #192b4d0d}.board-top{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding-bottom:15px;margin-bottom:20px}.dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--green);margin-inline-end:6px}.flow{display:grid;gap:16px}.flow div{display:flex;align-items:center;gap:15px;padding:12px;background:var(--paper);border-radius:8px}.flow b{display:grid;place-items:center;width:38px;height:38px;background:white;border:1px solid var(--line);border-radius:50%;color:var(--green)}.flow small{display:block;color:#536174}.visual-caption{text-align:center;font-size:12px;margin:20px 0 0}.audience{padding-block:24px;border-block:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.section{padding-block:85px}.section-head{max-width:720px}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-top:35px;border-top:1px solid var(--line)}.feature{padding:28px;border-bottom:1px solid var(--line);border-inline-end:1px solid var(--line)}.num{font-size:13px;color:var(--green)}.feature p{font-size:15px}.dark{background:var(--ink);color:white}.dark .eyebrow{color:#a4d7c9}.split{display:grid;grid-template-columns:1fr 1fr;gap:75px}.steps{list-style:none;padding:0;margin:0}.steps li{padding:18px 0;border-bottom:1px solid #ffffff30}.steps b{display:block}.steps span{font-size:14px;opacity:.8}.faq details{border-bottom:1px solid var(--line);padding:21px 0}.faq summary{cursor:pointer;font-weight:700}.faq details p{margin-top:18px}.request{background:white;border:1px solid var(--line);border-radius:18px;padding:32px}form{display:grid;grid-template-columns:1fr 1fr;gap:16px}label{display:block;font-size:14px}input,select,textarea{width:100%;border:1px solid #a7b7b1;background:white;color:var(--ink);padding:11px;border-radius:7px}textarea{min-height:110px;resize:vertical}.full{grid-column:1/-1}.consent{display:flex;gap:10px}.consent input{width:20px;height:20px;flex:none}.hp{position:absolute;left:-10000px}.message{padding:18px;background:#eaf2ef;border-inline-start:3px solid var(--green)}footer{border-top:1px solid var(--line);padding:35px 0;font-size:13px}.footer-row{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.article{max-width:850px;min-height:60vh;padding-block:50px}.staging{background:#fff;border-bottom:1px solid var(--line);padding:15px;text-align:center}.na-login{max-width:460px;margin:60px auto}.na-login img{width:200px}.na-login input{display:block}#na-app{min-height:70vh}
@media(max-width:800px){.wrap{padding-inline:22px}nav{gap:15px;flex-wrap:wrap;padding-block:18px}.brand{flex:1}.brand img{width:155px}.nav-section{display:none}.hero,.split{grid-template-columns:1fr;gap:35px}.hero{padding-block:40px 55px}.visual{transform:none!important}.features{grid-template-columns:1fr}.feature{padding-inline:0;border-inline-end:0}.section{padding-block:50px}form{grid-template-columns:1fr}.request{padding:22px}.audience{font-size:14px}h1{letter-spacing:-.7px}.board{padding:20px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}