body{font-family:Tahoma,Arial,sans-serif;margin:0;direction:rtl;background:#f8f9fb;color:#222}
nav{display:flex;justify-content:space-between;padding:15px 40px;background:#0b3d91;color:#fff}
nav a{color:#fff;text-decoration:none;margin:0 10px}
.hero{text-align:center;padding:80px 20px;background:linear-gradient(135deg,#0b3d91,#ff8c00);color:#fff}
.btn{background:#fff;color:#0b3d91;padding:12px 25px;border-radius:6px;text-decoration:none}
section{padding:50px 20px;max-width:1100px;margin:auto}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px}
.card{background:#fff;padding:20px;border-radius:10px;box-shadow:0 2px 10px rgba(0,0,0,.08)}
ul,ol{line-height:2}
footer{text-align:center;background:#0b3d91;color:#fff;padding:40px 20px}
button{padding:12px 20px;border:none;border-radius:5px;cursor:pointer}