/* Reset & Base */
* { margin: 0; padding: 0; box-sizing: border-box; }
body { font-family: Arial, sans-serif; line-height: 1.6; }
img { max-width: 100%; height: auto; }

/* Navigation */
nav ul { list-style: none; display: flex; gap: 1rem; padding: 1rem; background: #222; }
nav a { color: #fff; text-decoration: none; }
nav a:hover { text-decoration: underline; }

/* Header & Footer */
header, footer { background: #333; color: #fff; text-align: center; padding: 1rem; }
footer p { margin: 0.5rem 0; }

/* Main Sections */
main { padding: 2rem; }
#hero { text-align: center; padding: 2rem 0; background: #f5f5f5; }
#hero h1 { font-size: 2.5rem; margin-bottom: 1rem; }
#about, #contact { margin: 2rem 0; }

/* Forms */
form { display: grid; gap: 1rem; max-width: 400px; margin: 0 auto; }
label { font-weight: bold; }
input, textarea { padding: 0.5rem; border: 1px solid #ccc; border-radius: 4px; }
button { padding: 0.75rem; border: none; border-radius: 4px; background: #007BFF; color: #fff; cursor: pointer; }
button:hover { background: #0056b3; }