/* css/contact.css */
.contact-hero { background: var(--cool-blue); color: white; padding: 60px 0; text-align: center; }
.contact-grid { display: grid; grid-template-columns: 2fr 1fr; gap: 40px; margin: 50px 0; }
.contact-form input, .contact-form textarea { width: 100%; padding: 12px; margin-bottom: 20px; border: 1px solid #ccc; border-radius: 8px; }
.contact-details { background: white; padding: 30px; border-radius: 24px; box-shadow: 0 10px 20px rgba(0,0,0,0.03); }
.contact-placeholder { height: 150px; }
@media (max-width:768px){ .contact-grid{ grid-template-columns:1fr; } }