:root{--navy:#0F1F3D;--gold:#FFB020;--paper:#F7F5F0}
*{box-sizing:border-box}
body{margin:0;background:var(--paper);color:#1d2433;font-family:"Cairo",system-ui,sans-serif;line-height:1.9}
header{background:var(--navy);color:#fff;padding:48px 16px 56px;text-align:center}
header img{width:96px;border-radius:22px}
h1{color:var(--gold);margin:.3em 0 0;font-size:2.2rem}
header p{max-width:640px;margin:.5em auto;color:#d6dbe6;font-size:1.1rem}
main{max-width:880px;margin:auto;padding:24px 16px 48px}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px}
.card{background:#fff;border-radius:16px;padding:18px;border:1px solid #0001}
.card h3{margin:0 0 4px;color:var(--navy)}
a{color:#b87a00}
.btn{display:inline-block;background:var(--gold);color:var(--navy);padding:10px 22px;border-radius:12px;font-weight:700;text-decoration:none;margin:6px}
footer{text-align:center;color:#777;padding:24px 16px;font-size:.9rem}