body {font-family:'Tajawal',sans-serif;margin:0;padding:0;background:#f7f6f3;color:#333;}
header {background:#ffcc00;padding:20px;text-align:center;font-size:28px;font-weight:bold;}
nav {background:#333;display:flex;justify-content:center;flex-wrap:wrap;}
nav a {color:white;text-decoration:none;padding:15px 20px;display:inline-block;}
nav a:hover {background:#555;}
.container {max-width:1200px;margin:20px auto;padding:0 10px;}
.section {background:#fff;padding:15px;margin-bottom:20px;border-radius:10px;box-shadow:0 2px 6px rgba(0,0,0,0.1);}
h2 {margin-top:0;color:#ff9900;}
.item {margin-bottom:10px;padding-bottom:10px;border-bottom:1px solid #eee;}
.item:last-child {border-bottom:none;}
footer {text-align:center;padding:20px;background:#333;color:white;}
@media(max-width:768px){nav{flex-direction:column;} nav a{text-align:center;}}