.contact-page{padding:4rem 1rem}.contact-hero{text-align:center;margin-bottom:3rem}.contact-hero-icon{background:var(--surface-hover);width:80px;height:80px;color:var(--primary);border-radius:50%;justify-content:center;align-items:center;margin-bottom:1.5rem;display:inline-flex}.contact-hero h1{margin-bottom:.5rem;font-size:2.5rem}.contact-hero p{color:var(--text-muted);max-width:600px;margin:0 auto}.contact-grid{grid-template-columns:1fr;gap:2rem;max-width:1000px;margin:0 auto;display:grid}@media (min-width:768px){.contact-grid{grid-template-columns:1fr 1fr}}.contact-info-card,.contact-form-card{border-radius:var(--radius-lg);padding:2rem}.info-item{align-items:flex-start;gap:1rem;margin-bottom:1.5rem;display:flex}.info-item:last-child{margin-bottom:0}.info-icon{color:var(--primary);background:rgba(var(--primary-rgb), .1);border-radius:var(--radius-md);padding:.75rem}.info-content h4{margin-bottom:.25rem}.info-content p{color:var(--text-muted);font-size:.95rem}.contact-form{flex-direction:column;gap:1rem;display:flex}.contact-form .form-group{flex-direction:column;gap:.5rem;display:flex}.contact-form label{font-size:.9rem;font-weight:500}.contact-form input,.contact-form textarea{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);color:var(--text);padding:.75rem 1rem;font-family:inherit}.contact-form input:focus,.contact-form textarea:focus{border-color:var(--primary);outline:none}