body { font-family: Arial, sans-serif; margin: 0; padding: 0; color: #0A2E49; background: #fff; }
.hero { background: url('images/hero.jpg') no-repeat center center/cover; height: 100vh; color: white; display: flex; align-items: center; justify-content: center; text-align: center; }
.overlay { background: rgba(0,0,0,0.6); padding: 2rem; width: 100%; }
.btn { background: #F08080; padding: 0.75rem 1.5rem; color: white; text-decoration: none; border-radius: 4px; }
.intro, .how-it-works, .cta { padding: 2rem; max-width: 700px; margin: auto; }
footer { text-align: center; padding: 1rem; background: #f1f1f1; }
a { color: #F08080; }