.contact .hero{padding:48px 0;text-align:center}
.contact h1{font-size:2.5rem;margin:0 0 8px}
.contact-grid{display:grid;gap:32px;grid-template-columns:1fr 1.5fr;margin:32px 0}
.contact-info{background:var(--card);padding:24px;border-radius:14px;box-shadow:var(--shadow);transition:all .3s ease}
.contact-info:hover{box-shadow:0 15px 30px rgba(0,0,0,0.1);transform:translateY(-3px)}
.contact-item{display:flex;align-items:flex-start;gap:12px;margin:16px 0;transition:all .2s ease;padding:8px;border-radius:8px}
.contact-item:hover{background:rgba(106,13,173,0.03);transform:translateX(5px)}
.contact-item i{font-size:1.2rem;color:var(--purple);margin-top:4px;transition:transform .3s ease}
.contact-item:hover i{transform:scale(1.2) rotate(10deg)}
.contact-form{background:var(--card);padding:24px;border-radius:14px;box-shadow:var(--shadow);transition:all .3s ease}
.contact-form:hover{box-shadow:0 15px 30px rgba(0,0,0,0.1)}
.form input:focus,.form textarea:focus{outline:none;border-color:var(--purple);box-shadow:0 0 0 3px rgba(106,13,173,0.1);transform:scale(1.01);transition:all .2s ease}
.form textarea{resize:vertical}
.map-section{margin:32px 0}
.map-container{border-radius:14px;overflow:hidden;box-shadow:var(--shadow);transition:all .3s ease}
.map-container:hover{box-shadow:0 20px 40px rgba(0,0,0,0.15);transform:scale(1.01)}
@media(max-width:900px){.contact-grid{grid-template-columns:1fr}}