/* Reset & basic */
* { margin: 0; padding: 0; box-sizing: border-box; }
body { font-family: 'Roboto', sans-serif; line-height: 1.6; color: #333; background: #fff; }
a { color: #4CAF50; text-decoration: none; }
.container { width: 90%; max-width: 800px; margin: 0 auto; padding: 2rem 0; }

/* Navigation */
nav { position: fixed; top: 0; left: 0; width: 100%; background: rgba(255,255,255,0.95); box-shadow: 0 2px 5px rgba(0,0,0,0.1); }
nav ul { display: flex; justify-content: center; list-style: none; }
nav li { margin: 0 1rem; }
nav a { padding: 1rem 0; display: block; font-weight: bold; color: #2E7D32; }
nav a:hover { color: #4CAF50; }

/* Hero */
.hero { text-align: center; padding-top: 5rem; }
.hero img { max-width: 100%; height: auto; border-radius: 8px; }
.hero h1 { margin: 1rem 0; font-size: 2rem; color: #2E7D32; }
.hero p { font-size: 1rem; margin-bottom: 2rem; }

/* Sections */
.section { padding: 4rem 0; }
.section h2 { font-size: 1.75rem; margin-bottom: 1rem; color: #2E7D32; }
.section p { margin-bottom: 1rem; }

/* Form */
form { display: flex; flex-direction: column; gap: 1rem; margin-top: 1rem; }
input[type="text"], input[type="tel"] { padding: 0.75rem; border: 1px solid #ccc; border-radius: 4px; font-size: 1rem; }
button { padding: 0.75rem; background: #4CAF50; color: #fff; border: none; border-radius: 4px; font-size: 1rem; cursor: pointer; }
button:hover { background: #388E3C; }

/* Footer */
footer { text-align: center; padding: 2rem 0; background: #f9f9f9; font-size: 0.875rem; }
footer a { margin: 0 0.5rem; }

/* Thankyou */
.thanks { text-align: center; padding: 6rem 0; }
.thanks h2 { font-size: 2rem; color: #2E7D32; }
.thanks p { margin-top: 1rem; }

/* Policy pages */
.policy { padding: 6rem 1rem; }
.policy h2 { font-size: 1.75rem; margin-bottom: 1rem; color: #2E7D32; }
.policy p { margin-bottom: 1rem; }

/* Utility */
.mt-2 { margin-top: 2rem; }