.contact-layout{gap:var(--space-8);align-items:start;display:grid}@media (min-width:1024px){.contact-layout{grid-template-columns:.9fr 1.1fr}}.contact-channels{margin:0 0 var(--space-5);gap:var(--space-3);flex-direction:column;padding:0;list-style:none;display:flex}.contact-channel{align-items:center;gap:var(--space-4);padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface-raised);color:inherit;transition:border-color var(--dur-fast) var(--ease), box-shadow var(--dur-fast) var(--ease);display:flex}.contact-channel:hover{border-color:var(--color-border-strong);box-shadow:var(--shadow-sm)}.contact-channel__icon{width:44px;height:44px;color:var(--color-accent);border:1px solid var(--color-border);border-radius:var(--radius-full);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.contact-channel__body{flex-direction:column;gap:2px;display:flex}.contact-channel__label{font-size:var(--fs-xs)}.contact-channel__value{color:var(--color-text);font-weight:600}.contact-meta{align-items:flex-start;gap:var(--space-3);color:var(--color-text-muted);font-size:var(--fs-sm);margin-bottom:var(--space-3);display:flex}.contact-meta__icon{color:var(--color-accent);flex-shrink:0;margin-top:2px}.contact-form-wrap{padding:var(--space-6);border:1px solid var(--color-border);border-radius:var(--radius-xl);background:var(--color-surface)}.contact-form-wrap__title{margin-bottom:var(--space-2)}.contact-form-wrap__hint{margin-bottom:var(--space-5);font-size:var(--fs-sm)}.contact-form .btn{width:100%}.contact-form__success{text-align:center;align-items:center;gap:var(--space-3);padding:var(--space-6) var(--space-4);color:var(--color-success);flex-direction:column;display:flex}.contact-form__success p{color:var(--color-text);margin:0}
