body { font-family: Arial, sans-serif; margin: 0; padding: 0; background-color: #f5f7fa; }
header { background-color: #004b66; color: white; padding: 20px; text-align: center; }
nav a { color: white; margin: 0 10px; text-decoration: none; font-weight: bold; }
.hero { background: #d7ecf3; padding: 40px 20px; text-align: center; }
.hero h1 { margin-bottom: 10px; font-size: 2.5rem; }
.hero p { font-size: 1.25rem; }
.cta { background: #ffd700; padding: 20px; text-align: center; font-weight: bold; font-size: 1.1rem; }
.benefits { display: flex; flex-wrap: wrap; justify-content: center; gap: 20px; padding: 40px 20px; background: white; }
.benefit { flex: 1 1 200px; background: #e9f6fb; padding: 20px; border-radius: 8px; box-shadow: 0 0 10px #ccc; text-align: center; }
.testimonial { background: #fefefe; padding: 30px 20px; font-style: italic; text-align: center; border-top: 1px solid #ccc; }
.timer-banner { background: #ff4c4c; color: white; padding: 10px; text-align: center; font-weight: bold; }
footer { background-color: #333; color: white; padding: 20px; text-align: center; }
input[type=email], button { padding: 10px; font-size: 1rem; margin: 5px; }
form { text-align: center; margin-top: 20px; }