@import url('https://fonts.googleapis.com/css2?family=Tajawal:wght@400;500;700;800;900&display=swap');

:root { --burgundy:#650031; --cyan:#5cdfe6; --orange:#ff8100; --lime:#8aff00; --cream:#fff8f2; --ink:#250013; font-family:Tajawal,system-ui,sans-serif; color:var(--ink); background:var(--cream); }
* { box-sizing:border-box; } body { margin:0; min-width:320px; } a { color:inherit; text-decoration:none; } .shell { width:min(1040px,calc(100% - 40px)); margin-inline:auto; }
.page-nav { min-height:94px; display:flex; align-items:center; justify-content:space-between; gap:22px; }.brand img { width:112px; display:block; }.page-nav__links { display:flex; align-items:center; gap:20px; font-size:.92rem; font-weight:900; }.page-nav__links a:hover { color:var(--orange); }.page-nav__cta { padding:11px 15px; border:2px solid var(--burgundy); background:var(--lime); box-shadow:4px 4px 0 var(--burgundy); font-size:.9rem; font-weight:900; }.page-nav__cta:hover { transform:translate(-2px,-2px); box-shadow:6px 6px 0 var(--burgundy); }
.page-hero { position:relative; overflow:hidden; padding:64px 0 94px; background:var(--burgundy); color:var(--cream); }.page-hero::after { content:""; position:absolute; width:340px; height:340px; left:-145px; bottom:-214px; border:5px solid var(--burgundy); border-radius:50%; background:var(--cyan); }.eyebrow { position:relative; z-index:1; display:inline-block; margin:0 0 17px; padding:7px 12px; color:var(--burgundy); background:var(--orange); font-size:.8rem; font-weight:900; transform:rotate(-2deg); }.page-hero h1 { position:relative; z-index:1; max-width:690px; margin:0; font-size:clamp(3rem,7vw,5.8rem); font-weight:900; line-height:.86; letter-spacing:-.06em; }.page-hero p:last-child { position:relative; z-index:1; max-width:620px; margin:23px 0 0; color:var(--cyan); font-size:1.1rem; font-weight:700; line-height:1.9; }
.page-main { padding:74px 0 88px; }.document { max-width:820px; padding:38px; border:4px solid var(--burgundy); background:#fff; box-shadow:10px 10px 0 var(--orange); }.document__meta { display:flex; align-items:center; flex-wrap:wrap; gap:10px; margin-bottom:23px; color:var(--burgundy); font-size:.85rem; font-weight:800; }.document__badge { padding:5px 9px; background:var(--cyan); border:1px solid var(--burgundy); }.document h2 { margin:0 0 22px; color:var(--burgundy); font-size:clamp(1.8rem,3.5vw,2.7rem); font-weight:900; line-height:1.05; }.document__body { white-space:pre-wrap; font-size:1.03rem; font-weight:500; line-height:2; }.document__status { display:flex; align-items:center; gap:9px; color:#5c1738; font-weight:700; }.document__status::before { content:""; width:11px; height:11px; border-radius:50%; background:var(--orange); }.document[data-state="ready"] .document__status::before { background:#4db62d; }.document[data-state="error"] .document__status::before { background:#cf3145; }
.contact-grid { display:grid; grid-template-columns:minmax(0,1.1fr) minmax(260px,.9fr); gap:25px; }.contact-card { padding:34px; border:4px solid var(--burgundy); background:var(--cyan); box-shadow:9px 9px 0 var(--burgundy); }.contact-card h2 { margin:0 0 14px; color:var(--burgundy); font-size:clamp(1.9rem,3.5vw,3rem); font-weight:900; line-height:.95; }.contact-card p { margin:0; font-weight:700; line-height:1.9; }.contact-card__action { display:inline-flex; align-items:center; gap:12px; margin-top:26px; padding:13px 17px; border:2px solid var(--burgundy); background:var(--lime); box-shadow:4px 4px 0 var(--burgundy); font-weight:900; }.contact-card__action:hover { transform:translate(-2px,-2px); box-shadow:6px 6px 0 var(--burgundy); }.contact-panel { display:grid; align-content:start; gap:14px; padding:28px; border:4px solid var(--burgundy); background:var(--cream); }.contact-panel h2 { margin:0; color:var(--burgundy); font-size:1.65rem; font-weight:900; }.contact-panel a { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:14px; border:2px solid var(--burgundy); background:#fff; font-weight:900; }.contact-panel a:hover { background:var(--orange); }.contact-note { margin:0; color:#5c1738; font-size:.88rem; line-height:1.75; }
.page-footer { display:flex; align-items:center; justify-content:space-between; gap:20px; padding:25px 0 42px; border-top:2px solid rgba(101,0,49,.18); font-size:.88rem; font-weight:700; }.page-footer img { width:75px; }.page-footer nav { display:flex; flex-wrap:wrap; gap:16px; }.page-footer a { border-bottom:1px solid; }.page-footer a:hover { color:var(--orange); }
@media (max-width:720px) { .page-nav { min-height:76px; }.page-nav__links { display:none; }.page-hero { padding:48px 0 70px; }.page-main { padding:50px 0 68px; }.document,.contact-card,.contact-panel { padding:25px; }.contact-grid { grid-template-columns:1fr; }.page-footer { align-items:flex-start; flex-direction:column; }.page-footer nav { gap:10px 15px; } }