﻿.contact-hero{height:260px;display:flex;align-items:center;justify-content:center;text-align:center;background:linear-gradient(135deg,var(--primary-dark),var(--primary));color:var(--white)}
.contact-hero h1{font-size:var(--text-4xl);font-weight:900;letter-spacing:-0.02em;margin-bottom:var(--space-3)}
.contact-hero p{font-size:var(--text-lg);opacity:0.85}
@media(max-width:576px){.contact-hero h1{font-size:var(--text-2xl)}}
.contact-wrap{display:grid;grid-template-columns:1fr 1.2fr;gap:var(--space-8);align-items:start}
.contact-info{padding:var(--space-6);background:var(--white);border-radius:var(--radius-lg);border:1px solid var(--gray-100)}
.info-item{display:flex;gap:var(--space-3);margin-bottom:var(--space-5);align-items:flex-start}
.info-item h4{font-size:var(--text-sm);font-weight:600;color:var(--gray-900);margin-bottom:2px}
.info-item p{font-size:var(--text-sm);color:var(--gray-600)}
.contact-form{padding:var(--space-6);background:var(--white);border-radius:var(--radius-lg);border:1px solid var(--gray-100)}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}
.form-group{margin-bottom:var(--space-4)}
.form-group label{display:block;font-size:var(--text-sm);font-weight:600;color:var(--gray-900);margin-bottom:var(--space-1)}
.form-group input,.form-group textarea{width:100%;padding:var(--space-2) var(--space-3);border:1px solid var(--gray-200);border-radius:var(--radius);font-size:var(--text-sm);font-family:inherit;transition:all var(--duration-fast);outline:none;background:var(--gray-50)}
.form-group input:focus,.form-group textarea:focus{border-color:var(--primary);background:var(--white)}
.form-group textarea{resize:vertical;min-height:120px}
@media(max-width:768px){.contact-wrap{grid-template-columns:1fr}.form-row{grid-template-columns:1fr}}
