.contact-container{max-width:var(--content-width);padding:var(--space-16) var(--margin-desktop);font-family:var(--font-sans);margin:0 auto}.contact-header{text-align:center;margin-bottom:var(--space-16)}.contact-title{font-family:var(--font-display);font-size:var(--text-4xl);color:var(--color-text-primary);margin-bottom:var(--space-4);letter-spacing:var(--tracking-tight);font-weight:700}.contact-subtitle{font-size:var(--text-xl);color:var(--color-text-secondary)}.contact-wrapper{gap:var(--space-12);grid-template-columns:1fr 1fr;display:grid}.contact-info{background:var(--color-surface);padding:var(--space-8);border-radius:var(--radius-xl);border:1px solid var(--color-border)}.contact-info h3{font-family:var(--font-display);font-size:var(--text-2xl);margin-bottom:var(--space-8);color:var(--color-text-primary)}.contact-detail{margin-bottom:var(--space-8)}.contact-detail h4{font-size:var(--text-sm);color:var(--color-text-secondary);margin-bottom:var(--space-2);font-weight:var(--weight-semibold);text-transform:uppercase;letter-spacing:var(--tracking-wide)}.contact-detail p{font-size:var(--text-base);color:var(--color-text-primary);line-height:var(--leading-relaxed)}.contact-form{gap:var(--space-6);flex-direction:column;display:flex}.form-group{gap:var(--space-2);flex-direction:column;display:flex}.form-group label{font-weight:var(--weight-medium);color:var(--color-text-primary);font-size:var(--text-sm)}.form-group input,.form-group textarea{padding:var(--space-3) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);font-family:var(--font-sans);font-size:var(--text-base);color:var(--color-text-primary);background:var(--color-surface);transition:border-color var(--duration-fast), box-shadow var(--duration-fast)}.form-group input:focus,.form-group textarea:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px #10373114}.form-group textarea{resize:vertical;min-height:120px}.btn-submit{padding:var(--space-3) var(--space-6);background:var(--color-primary);color:var(--color-text-on-primary);border-radius:var(--radius-md);font-family:var(--font-sans);font-size:var(--text-base);font-weight:var(--weight-semibold);cursor:pointer;transition:background var(--duration-fast), transform var(--duration-fast);margin-top:var(--space-4);border:none}.btn-submit:hover{background:var(--color-primary-hover)}.btn-submit:active{transform:scale(.97)}@media (max-width:768px){.contact-container{padding:var(--space-8) var(--margin-mobile)}.contact-wrapper{grid-template-columns:1fr}}