body { font-family: Arial, sans-serif; margin: 0; padding: 0; }
header { background: #001f4d; padding: 1rem; color: white; display: flex; justify-content: space-between; align-items: center; }
header .cta { background: #007BFF; color: white; padding: 0.5rem 1rem; border-radius: 5px; text-decoration: none; }
.hero { display: flex; justify-content: space-between; padding: 2rem; background: linear-gradient(to right, #001f4d, #003366); color: white; }
.hero-text { max-width: 50%; }
.hero-text h1 { font-size: 2.5rem; line-height: 1.2; }
.hero-text .rotating { display: inline-block; margin-top: 0.5rem; color: #00c3ff; }
.form-container { background: white; color: black; padding: 1rem; border-radius: 15px; width: 35%; }
.form-container h2 { margin-top: 0; }
.btn { background: #007BFF; color: white; border: none; padding: 0.75rem; width: 100%; border-radius: 10px; cursor: pointer; font-size: 1rem; }
.health-options { display: flex; gap: 0.5rem; margin: 0.5rem 0; }
.health-btn { border: 1px solid #ccc; padding: 0.5rem 1rem; border-radius: 5px; cursor: pointer; background: white; }
.health-btn.active { background: #007BFF; color: white; border-color: #007BFF; }
footer { text-align: center; padding: 1rem; background: #001f4d; color: white; }