.contact-grid{gap:var(--space-10);grid-template-columns:1.2fr .8fr;align-items:start;display:grid}.contact-form-card{background:var(--color-white);border-radius:var(--radius-xl);padding:var(--space-10);border:1px solid var(--color-border);box-shadow:var(--shadow-lg)}.contact-form-card h3{font-size:var(--fs-xl);margin-bottom:var(--space-2)}.contact-form-card>p{color:var(--color-text-muted);font-size:var(--fs-sm);margin-bottom:var(--space-8);line-height:var(--lh-relaxed)}.contact-form{gap:var(--space-5);flex-direction:column;display:flex}.contact-form-row{gap:var(--space-5);grid-template-columns:1fr 1fr;display:grid}.contact-form .btn-primary{width:100%;min-height:48px;font-size:var(--fs-base);margin-top:var(--space-2)}.form-input.error,.form-textarea.error,.form-select.error{border-color:var(--color-danger)}.form-input.error:focus,.form-textarea.error:focus,.form-select.error:focus{box-shadow:0 0 0 3px #ef444426}.form-success{text-align:center;padding:var(--space-12) var(--space-4);display:none}.form-success.show{animation:.5s fadeSlideIn;display:block}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.form-success-icon{width:72px;height:72px;margin:0 auto var(--space-5);background-color:#10b98114;border-radius:50%;justify-content:center;align-items:center;display:flex}.form-success-icon svg{width:36px;height:36px;color:var(--color-success)}.form-success h3{margin-bottom:var(--space-3)}.form-success p{color:var(--color-text-muted);line-height:var(--lh-relaxed)}.contact-info{gap:var(--space-5);flex-direction:column;display:flex}.contact-info-card{gap:var(--space-4);padding:var(--space-5);background:var(--color-white);border-radius:var(--radius-lg);border:1px solid var(--color-border);box-shadow:var(--shadow-card);transition:all var(--transition-base);align-items:center;display:flex}.contact-info-card:hover{box-shadow:var(--shadow-card-hover);border-color:var(--color-accent);transform:translateY(-2px)}.contact-info-icon{border-radius:var(--radius-lg);background-color:#0038a812;justify-content:center;align-items:center;width:48px;min-width:48px;height:48px;display:flex}.contact-info-icon svg{width:22px;height:22px;color:var(--color-accent)}.contact-info-content h4{font-size:var(--fs-sm);font-weight:var(--fw-semibold);margin-bottom:2px}.contact-info-content p,.contact-info-content a{font-size:var(--fs-sm);color:var(--color-text-muted)}.contact-info-content a:hover{color:var(--color-accent)}.contact-social-card{padding:var(--space-6);background:var(--color-white);border-radius:var(--radius-lg);border:1px solid var(--color-border);box-shadow:var(--shadow-card)}.contact-social-card h4{font-size:var(--fs-md);margin-bottom:var(--space-4)}.contact-socials{gap:var(--space-3);flex-wrap:wrap;display:flex}.contact-social-link{border-radius:var(--radius-md);background:var(--color-bg-alt);border:1px solid var(--color-border);width:44px;min-width:44px;height:44px;transition:all var(--transition-base);color:var(--color-text-muted);justify-content:center;align-items:center;display:flex}.contact-social-link:hover{background-color:var(--color-accent);color:var(--color-white);border-color:#0000;transform:translateY(-2px)}.contact-social-link svg{width:20px;height:20px}@media (width<=768px){.contact-grid{gap:var(--space-8);grid-template-columns:1fr}.contact-form-row{grid-template-columns:1fr}.contact-form-card{padding:var(--space-8) var(--space-5)}}@media (width<=480px){.contact-form-card{padding:var(--space-6) var(--space-4)}.contact-info-card{padding:var(--space-4)}}
