body { font-family: 'Cairo', sans-serif; background-color: #f4f4f4; margin: 0; padding: 0; }
header { background-color: #1a1f71; color: white; padding: 15px 0; text-align: center; }
nav a { color: white; margin: 0 8px; text-decoration: none; font-size: 16px; }
.hero, .content { padding: 30px; text-align: center; background-color: #fff; }
h1 { color: #FF6600; font-size: 28px; }
h2 { color: #1a1f71; font-size: 24px; }
p { font-size: 18px; color: #333; }
.btn { background-color: #FF6600; color: white; padding: 10px 20px; text-decoration: none; border-radius: 5px; font-size: 16px; }
.hd { font-size: 18px; color: #f2ea05; }
footer { background-color: #333; color: white; padding: 10px 0; text-align: center; font-size: 14px; }
@media screen and (max-width: 600px) {
    nav a { display: block; margin: 5px 0; font-size: 18px; }
    h1 { font-size: 24px; }
    p { font-size: 16px; }
}