.ContactComponentClass{.contact-grid{display:grid;grid-template-columns:1fr 1.5fr;gap:3rem;margin:2rem 0}.contact-info{h2{color:var(--text-primary);margin-bottom:1.5rem;font-size:1.75rem}p{color:var(--text-secondary);margin-bottom:2rem;line-height:1.6}.info-card{background:var(--background-light);border-radius:1rem;padding:2rem;box-shadow:0 4px 6px -1px rgba(0,0,0,.1);margin-bottom:2rem;.info-item{display:flex;align-items:flex-start;margin-bottom:1.5rem;&:last-child{margin-bottom:0}.info-icon{color:var(--primary-color);font-size:1.5rem;margin-right:1rem;margin-top:.25rem}h3{color:var(--text-primary);margin-bottom:.5rem;font-size:1.1rem}p{color:var(--text-secondary);line-height:1.6}}}}.contact-form{h2{color:var(--text-primary);margin-bottom:1.5rem;font-size:1.75rem}.form{background:var(--background-light);border-radius:1rem;padding:2rem;box-shadow:0 4px 6px -1px rgba(0,0,0,.1);.btn-primary{width:100%;padding:1rem;font-size:1rem;font-weight:500}}}.map-container{border-radius:1rem;overflow:hidden;box-shadow:0 4px 6px -1px rgba(0,0,0,.1)}@media (max-width:768px){.contact-grid{grid-template-columns:1fr}.contact-form h2,.contact-info h2{font-size:1.5rem}}}