:root{--color-primary:#0D2B5B;--color-accent:#00B2A9;--color-dark:#1E1E1E;--color-light:#FFFFFF;--color-muted:#EEF2F6;--text-invert:#FFFFFF;--max-w:1200px;--radius:12px;--shadow:0 6px 24px rgba(0,0,0,.08);--transition:200ms ease;--font-heading:"Poppins",system-ui,-apple-system,Segoe UI,Roboto,Inter,Arial,sans-serif;--font-body:Inter,Roboto,system-ui,-apple-system,Segoe UI,Arial,sans-serif;--font-ar:"Tajawal", "Cairo", system-ui, Arial, sans-serif;--bg:#FFFFFF;--text:#1E1E1E}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;color:var(--text);background:var(--bg);font:400 16px/1.6 var(--font-body)}
img{max-width:100%;height:auto;display:block}
a{color:var(--color-primary);text-decoration:none}
a:focus,button:focus,input:focus,select:focus,textarea:focus{outline:3px solid var(--color-accent);outline-offset:2px}
.container{width:100%;max-width:var(--max-w);margin-inline:auto;padding-inline:16px}
.h1,.h2,.h3,.h4{font-family:var(--font-heading);color:var(--color-primary);margin:0 0 .5rem}
.h1{font-size:clamp(32px,4vw,48px)}
.h2{font-size:clamp(24px,3vw,32px)}
.h3{font-size:clamp(20px,2.2vw,24px)}
.p-lg{font-size:18px}
.btn{display:inline-flex;align-items:center;gap:.5rem;border-radius:999px;padding:.75rem 1.25rem;border:1px solid transparent;transition:var(--transition);font-weight:600}
.btn-primary{background:var(--color-primary);color:var(--text-invert)}
.btn-primary:hover{filter:brightness(.95)}
.btn-accent{background:var(--color-accent);color:var(--text-invert)}
.btn-outline{background:transparent;border-color:var(--color-primary);color:var(--color-primary)}
.section{padding:64px 0}
.section.alt{background:var(--color-muted)}
.grid{display:grid;gap:24px}
.card{background:#fff;border-radius:var(--radius);box-shadow:var(--shadow);padding:24px}
.badge{display:inline-block;padding:.25rem .5rem;border-radius:999px;font-size:12px;background:var(--color-muted);color:var(--color-primary)}
.hidden{display:none}
[hidden]{display:none !important}
header,main,footer{display:block}
.visible-on-focus:not(:focus){position:absolute;left:-9999px}
.nav-spacer{height:72px}
#backToTop{position:fixed;inset:auto 16px 16px auto;background:var(--color-primary);color:#fff;border:0;border-radius:999px;padding:.6rem .8rem;display:none;z-index:50}
#backToTop.show{display:inline-flex}
/* Dark Mode */
@media (prefers-color-scheme: dark){
 :root{--bg:#0A0A0A;--text:#E6E6E6}
 .card{background:#0f0f10}
 .section.alt{background:#101214}
}
:root[data-theme="dark"]{--bg:#0A0A0A;--text:#E6E6E6}
:root[data-theme="dark"] .card{background:#0f0f10}
:root[data-theme="dark"] .section.alt{background:#101214}