body { font-family: sans-serif; background: #f4f7f6; margin: 0; text-align: center; direction: rtl; }
header { background: #2c3e50; color: white; padding: 20px; }
nav ul { list-style: none; display: flex; justify-content: center; gap: 20px; }
nav a { color: white; text-decoration: none; }
#hero { padding: 50px; background: linear-gradient(135deg, #2c3e50, #4ca1af); color: white; }
.card { background: white; margin: 20px; padding: 20px; border-radius: 10px; display: inline-block; width: 250px; box-shadow: 0 4px 6px rgba(0,0,0,0.1); }