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; }
footer { background-color: #333; color: white; padding: 10px 0; text-align: center; font-size: 14px; }
.contact-form input, .contact-form textarea, .contact-form select {
    width: 80%; padding: 10px; margin: 5px 0; border-radius: 5px; border: 1px solid #ccc; font-size: 16px;
}
.contact-form button {
    background-color: #FF6600; color: white; padding: 10px 20px; border: none; border-radius: 5px; cursor: pointer; font-size: 16px;
}
.contact-form button:hover { background-color: #e65c00; }
.whatsapp-float {
    position: fixed; width: 180px; bottom: 20px; left: 20px;
    background-color: #25D366; color: white; text-align: center; padding: 12px;
    border-radius: 5px; font-size: 16px; text-decoration: none;
    box-shadow: 2px 2px 5px rgba(0,0,0,0.3);
}
@media screen and (max-width: 600px) {
    nav a { display: block; margin: 5px 0; font-size: 18px; }
    h1 { font-size: 24px; } p { font-size: 16px; }
}