/* contact.css */
body { font-family:'Poppins', sans-serif; margin:0; background:#f9f9f9; color:#111; }
header { display:flex; justify-content:space-between; align-items:center; padding:20px 50px; background:#111; color:white; position:sticky; top:0; }
header .logo { font-weight:700; font-size:24px; }
header nav ul li a.active, header nav ul li a:hover { background:#2196F3; border-radius:5px; }

.contact-hero { text-align:center; padding:80px 20px; background:#2196F3; color:white; }
.contact-form-section { display:grid; grid-template-columns:1fr 1fr; gap:50px; padding:60px 50px; }
.contact-form { display:flex; flex-direction:column; gap:15px; }
.contact-form input, .contact-form textarea { padding:12px; border-radius:8px; border:1px solid #ccc; font-size:16px; }
.contact-form button { padding:12px; background:#2196F3; color:white; border:none; border-radius:8px; font-weight:600; cursor:pointer; transition:0.3s; }
.contact-form button:hover { background:#4CAF50; }

.contact-info { background:white; padding:30px; border-radius:12px; box-shadow:0 6px 15px rgba(0,0,0,0.1); }
.contact-info h3 { margin-bottom:20px; }

footer { background:#111; color:white; text-align:center; padding:30px; margin-top:50px; }

@media(max-width:768px){ .contact-form-section { grid-template-columns:1fr; } }