/* Base Styles */
* { box-sizing: border-box; margin: 0; padding: 0; }
body { font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; background: #f5f7fa; color: #333; line-height: 1.6; }
a { color: #c0392b; text-decoration: none; }
a:hover { text-decoration: underline; }

/* Header */
header { background: #002e5b; color: #fff; text-align: center; padding: 2rem 1rem; }
header h1 { font-size: 2.5rem; margin-bottom: 0.5rem; }
header p  { font-size: 1.2rem; }

/* Main Content */
.container { max-width: 800px; margin: 2rem auto; padding: 0 1rem; }
.intro { margin-bottom: 2rem; }
.intro h2 { color: #c0392b; margin-bottom: 1rem; }
.intro ul { list-style: inside square; margin-left: 1rem; }
.intro ul li { margin-bottom: 0.75rem; }

/* Alerts */
.alert { padding: 0.75rem 1rem; border-radius: 4px; margin-bottom: 1rem; }
.success { background: #dff0d8; color: #3c763d; border: 1px solid #d6e9c6; }
.error   { background: #f2dede; color: #a94442; border: 1px solid #ebccd1; }

/* Call to Action Form */
.cta-form { background: #fff; padding: 2rem; border-radius: 8px; box-shadow: 0 2px 8px rgba(0,0,0,0.1); margin-bottom: 2rem; }
.cta-form h3 { margin-bottom: 1rem; color: #002e5b; }
.form-group { margin-bottom: 1.25rem; }
.form-group label { display: block; font-weight: 600; margin-bottom: 0.5rem; }
.form-group input,
.form-group textarea { width: 100%; padding: 0.75rem; border: 1px solid #ccc; border-radius: 4px; font-size: 1rem; }
.form-group textarea { resize: vertical; min-height: 150px; }
.btn-submit { background: #c0392b; color: #fff; border: none; padding: 0.75rem 1.5rem; font-size: 1rem; border-radius: 4px; cursor: pointer; }
.btn-submit:hover { background: #e74c3c; }

/* Contact Officials */
.contacts { margin-top: 2rem; }
.contacts h4 { color: #002e5b; margin-bottom: 0.75rem; }
.contacts ul { list-style: none; padding-left: 0; }
.contacts ul li { margin-bottom: 0.5rem; }

/* Footer */
footer { text-align: center; font-size: 0.9rem; color: #777; margin: 2rem 0; }