*{box-sizing:border-box}html{font-family:'Tajawal',Tahoma,Arial,sans-serif}body{margin:0;background:#f8fafc;color:#0f172a;line-height:1.9}a{color:#4338ca;text-decoration:none}a:hover{text-decoration:underline}header{background:#1e1b4b;color:#fff}header .wrap{max-width:1000px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:14px 16px;gap:12px}header nav a{color:#e0e7ff;margin-inline-start:12px;font-weight:600}.container{max-width:1000px;margin:0 auto;padding:20px}h1{font-size:30px;margin:12px 0 14px}h2{font-size:22px;margin:22px 0 8px;color:#1e3a8a}p{margin:10px 0;color:#0f172a}ul{margin:10px 0 10px 0;padding:0 18px}.grid{display:grid;grid-template-columns:1fr;gap:16px}@media(min-width:800px){.grid{grid-template-columns:1fr 1fr}}.card{background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:16px;box-shadow:0 1px 2px rgba(2,6,23,.04)}.muted{color:#475569}.footer{background:#0f172a;color:#fff}.footer .wrap{max-width:1000px;margin:0 auto;padding:14px 16px;text-align:center}