@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Arabic:wght@400;500;600;700;800&family=Noto+Sans+Tifinagh&display=swap');
:root{--navy:#092f4f;--teal:#0f8c82;--gold:#f6c64f;--ink:#102c45;--muted:#637589;--paper:#f5f9fc;--line:#dce8f0}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Noto Sans Arabic","Noto Sans Tifinagh",system-ui,sans-serif;line-height:1.9}a{color:inherit}.top{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(16px,5vw,72px);background:white;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:11px;color:var(--navy);font-size:1.45rem;font-weight:800;text-decoration:none}.mark{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:var(--navy);color:var(--gold)}.top nav{display:flex;gap:20px}.top nav a{text-decoration:none;font-weight:700}.top nav a:hover{color:var(--teal)}
main{width:min(980px,calc(100% - 28px));margin:32px auto 70px}.crumb{color:var(--muted);font-size:.9rem;margin-bottom:16px}.hero{padding:clamp(30px,6vw,60px);border-radius:30px;background:linear-gradient(135deg,#092f4f,#155b85 62%,#0f8c82);color:white}.hero h1{margin:0 0 10px;font-size:clamp(2rem,5vw,3.4rem);line-height:1.3}.hero p{margin:0;color:#e6f4fa}.content{margin-top:20px;background:white;border:1px solid var(--line);border-radius:26px;padding:clamp(24px,5vw,48px)}.content h2{color:var(--navy);margin-top:30px}.content h2:first-child{margin-top:0}.content p,.content li{color:#40566a}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:23px}.card{display:block;padding:22px;border:1px solid var(--line);border-radius:20px;background:white;text-decoration:none;transition:.2s transform}.card:hover{transform:translateY(-4px)}.card b{display:block;color:var(--navy);font-size:1.08rem}.card span{color:var(--muted);font-size:.9rem}.icon{font-size:1.7rem;margin-bottom:10px}.notice{padding:18px;border-radius:16px;background:#eef8f8;border-inline-start:5px solid var(--teal)}.contact-box{padding:22px;border-radius:18px;background:#fff6d9}.back{display:inline-block;margin-top:22px;padding:11px 18px;border-radius:13px;background:var(--gold);color:var(--navy);font-weight:800;text-decoration:none}
footer{background:var(--navy);color:#dceaf3;padding:28px clamp(18px,5vw,72px);display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap}footer a{color:#dceaf3;text-decoration:none;margin-inline:7px}
@media(max-width:700px){.top nav{display:none}.cards{grid-template-columns:1fr 1fr}}@media(max-width:430px){.cards{grid-template-columns:1fr}.brand{font-size:1.2rem}}