*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,"Tajawal",sans-serif;background:#f8fafc;color:#0f172a;line-height:1.8}.wrap{max-width:1080px;margin:auto;padding:0 20px}.top{background:#0F2756;color:#fff;padding:18px 0;position:sticky;top:0;z-index:10}.top .wrap{display:flex;gap:16px;align-items:center;justify-content:space-between}.brand{font-weight:900;font-size:22px;color:#fff;text-decoration:none}.nav{display:flex;gap:14px;flex-wrap:wrap}.nav a{color:#fff;text-decoration:none;font-size:14px}.hero{padding:72px 0;background:linear-gradient(135deg,#0F2756,#173b7a);color:#fff}.hero h1{font-size:clamp(34px,6vw,62px);line-height:1.15;margin:0 0 18px}.hero p{max-width:760px;font-size:18px;opacity:.94}.badge{display:inline-block;background:#D4AF37;color:#111827;padding:6px 12px;border-radius:999px;font-weight:800;font-size:13px;margin-bottom:16px}.section{padding:54px 0}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px}.card{background:#fff;border:1px solid #e2e8f0;border-radius:20px;padding:24px;box-shadow:0 10px 30px rgba(15,39,86,.06)}.card h2,.card h3{color:#0F2756;margin-top:0}.card a{color:#0F2756;font-weight:800}.meta{color:#64748b;font-size:14px}.cta{display:inline-block;background:#D4AF37;color:#111827;text-decoration:none;padding:12px 18px;border-radius:12px;font-weight:900}.footer{background:#0F2756;color:#cbd5e1;padding:28px 0;margin-top:40px}.footer a{color:#fff}.article{background:#fff;border-radius:22px;border:1px solid #e2e8f0;padding:32px;margin-top:-34px;position:relative}.article h2{color:#0F2756;margin-top:32px}.article li{margin-bottom:8px}@media(max-width:700px){.top .wrap{align-items:flex-start;flex-direction:column}.hero{padding:50px 0}.article{padding:22px}}