body { font-family: Arial, sans-serif; margin: 0; background: #f8f9fa; color: #222; }
header { background: #0056b3; color: #fff; padding: 1rem 0; }
header h1 { margin: 0; text-align: center; }
nav { text-align: center; margin-top: 0.5rem; }
nav a { color: #fff; margin: 0 1rem; text-decoration: none; font-weight: bold; }
nav a:hover { text-decoration: underline; }
main { max-width: 800px; margin: 2rem auto; background: #fff; padding: 2rem; border-radius: 8px; box-shadow: 0 2px 8px rgba(0,0,0,0.08); }
section.hero { text-align: center; }
.cta { display: inline-block; margin-top: 1rem; background: #007bff; color: #fff; padding: 0.75rem 2rem; border-radius: 4px; text-decoration: none; font-size: 1.2rem; }
.cta:hover { background: #0056b3; }
footer { text-align: center; padding: 1rem 0; background: #eee; margin-top: 2rem; }
form { display: flex; flex-direction: column; gap: 1rem; max-width: 400px; margin: 2rem auto 0; }
input, textarea { padding: 0.5rem; border: 1px solid #ccc; border-radius: 4px; }
button { background: #0056b3; color: #fff; border: none; padding: 0.7rem 1.5rem; border-radius: 4px; cursor: pointer; font-size: 1rem; }
button:hover { background: #007bff; }
.success { color: green; }
.error { color: red; }