body { margin:0; font-family:Segoe UI, Arial, sans-serif; background:#f4f6f9; color:#333; }
.header { background:linear-gradient(135deg,#326195,#009ca6); color:white; padding:20px 10px; text-align:center; }
.logo { width:400px; margin-bottom:0px; }
.nav { background:#009ca6; padding:12px; text-align:center; }
.nav a { color:white; margin:0 18px; text-decoration:none; font-weight:bold; }
.nav a:hover { text-decoration:underline; }
.section { background:white; margin:30px auto; padding:25px; border-radius:10px; width:90%; max-width:900px; box-shadow:0 4px 12px rgba(0,0,0,0.08); }
h2 { color:#326195; }
.contact-form input, .contact-form textarea { width:100%; padding:12px; border:1px solid #bbb; border-radius:6px; margin-bottom:12px; font-size:1rem; }
.contact-form button { width:100%; padding:12px; background:#009ca6; color:white; border:none; border-radius:6px; cursor:pointer; font-size:1rem; }
.contact-form button:hover { background:#003f7d; }
.footer { background:linear-gradient(135deg,#326195,#009ca6); color:white; text-align:center; padding:5px; margin-top:10px; }
@media (max-width:600px){ .nav a{ display:block; margin:10px 0; } }