:root{--accent:#E11D2E;--page:#f7f5f0;--panel:#fff;--ink:#142235;--muted:#526173;--border:#d9dfe6;color-scheme:light;--font:'Inter','Tajawal',system-ui,-apple-system,'Segoe UI',sans-serif;font-family:var(--font);background:var(--page);color:var(--ink);line-height:1.7}:root[data-theme=dark]{--page:#0d1727;--panel:#182438;--ink:#f0f4fa;--muted:#bcc8d8;--border:#4d5d73;color-scheme:dark}*{box-sizing:border-box}body{margin:0;padding:28px}.contact-page{max-width:1100px;margin:auto}header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:12px 0 40px}header img{max-width:160px;height:auto}button,input,textarea{font:inherit}button{cursor:pointer;border:0;border-radius:10px;background:var(--accent);color:#fff;padding:12px 22px;font-weight:700}button:disabled{opacity:.55;cursor:not-allowed}header button,#contactLanguage{background:var(--panel);color:var(--ink);border:1px solid var(--border)}#contactLanguage{display:inline-block;border-radius:10px;padding:12px 22px;font-weight:700;text-decoration:none}.back-button{display:inline-block;margin-top:8px;border-radius:10px;padding:12px 22px;font-weight:700;text-decoration:none;background:var(--accent);color:#fff}.back-button:hover,#contactLanguage:hover{filter:brightness(.95)}.contact-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);gap:48px;align-items:start}h1{font-size:clamp(2.4rem,5vw,4rem);line-height:1.15;margin:16px 0 24px;letter-spacing:-.025em}h2{margin-top:0;font-size:1.4rem}.eyebrow{font-weight:750;color:var(--accent);letter-spacing:.04em}.lead{font-size:1.15rem;color:var(--muted)}.contact-intro>p:not(.eyebrow){max-width:38ch}a{color:var(--accent);text-underline-offset:4px}#contactEmailLink{display:block;overflow-wrap:anywhere;font-weight:700;margin:24px 0}form{background:var(--panel);padding:30px;border:1px solid var(--border);border-radius:20px}.fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}label{display:grid;gap:7px;font-weight:600}input,textarea{width:100%;border:1px solid var(--border);border-radius:9px;background:var(--page);color:var(--ink);padding:11px}textarea{resize:vertical;min-height:140px}.full{grid-column:1/-1}.consent{display:flex;align-items:start;gap:12px;font-size:.9rem;margin:24px 0}.consent input{width:18px;min-width:18px;height:18px;margin-top:6px}.contact-trap{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}#contactStatus{white-space:pre-line;margin-bottom:0}:focus-visible{outline:3px solid #2563eb;outline-offset:3px}[hidden]{display:none!important}@media(max-width:760px){body{padding:18px}.contact-grid{grid-template-columns:1fr;gap:28px}header{padding-bottom:24px}.contact-intro>p:not(.eyebrow){max-width:none}form{padding:22px}}@media(max-width:420px){.fields{grid-template-columns:1fr}}
.contact-trap{left:auto;margin:-1px;padding:0;clip-path:inset(50%);white-space:nowrap}

:root[lang="ar"]{--font:'Tajawal','Inter',system-ui,sans-serif}html[lang="ar"] h1{letter-spacing:0}
/* Jordan flag on its own header row under the logo and language switch, hoist lined up with the logo.
   Softened to 60% opacity; waves gently, mirrored for RTL. */
header{display:grid;grid-template-columns:auto 1fr auto;align-items:center;row-gap:10px}
header>a{grid-column:1;grid-row:1}#contactLanguage{grid-column:3;grid-row:1}
.contact-flag-stream{grid-column:1/-1;grid-row:2;justify-self:start;display:block;height:clamp(70px,9vw,130px);width:auto;max-width:100%;aspect-ratio:1440/320;opacity:.6;pointer-events:none;transform:scaleX(var(--flip,1))}
@media(max-width:760px){.contact-flag-stream{width:100%;height:auto}}
html[dir=rtl] .contact-flag-stream{--flip:-1}
.hero-flag-wave{transform-box:fill-box;transform-origin:100% 0;animation:heroFlagWave 7s ease-in-out infinite alternate}
.hero-flag-shine{animation:heroFlagShine 3.6s ease-in-out infinite alternate}
@keyframes heroFlagWave{0%{transform:none}50%{transform:rotate(-1.4deg) skewY(1.6deg) translateY(8px)}100%{transform:rotate(.9deg) skewY(-1.1deg) translateY(-6px)}}
@keyframes heroFlagShine{from{opacity:0}to{opacity:1}}
@media(prefers-reduced-motion:reduce){.hero-flag-wave,.hero-flag-shine{animation:none}}