body {font-family: 'Inter', sans-serif; margin:0; background:#f8fafc; color:#222;}
header {display:flex; justify-content:space-between; align-items:center; padding:1rem 2rem; background:#0a3d62; color:#fff;}
header nav a {color:#fff; margin:0 1rem; text-decoration:none;}
header nav a:hover {text-decoration:underline;}
.hero {text-align:center; padding:4rem 2rem; background:#1abc9c; color:#fff;}
.features {padding:2rem; max-width:700px; margin:auto;}
.features ul {list-style:none; padding:0;}
.features li {margin-bottom:1rem;}
form {max-width:500px; margin:2rem auto; display:flex; flex-direction:column;}
input, textarea {margin-bottom:1rem; padding:0.75rem; border:1px solid #ccc; border-radius:6px;}
button {padding:0.75rem; background:#1abc9c; color:#fff; border:none; border-radius:6px; cursor:pointer;}
button:hover {background:#16a085;}
footer {text-align:center; padding:1rem; background:#0a3d62; color:#fff; margin-top:2rem;}