.contact-page__content{grid-template-columns:1fr;gap:2rem;display:grid}@media (min-width:768px){.contact-page__content{grid-template-columns:2fr 1fr}}.contact-page__form-card,.contact-page__social-card{padding:var(--space-lg)}@media (min-width:768px){.contact-page__form-card,.contact-page__social-card{padding:var(--space-xl)}}.contact-page__form{flex-direction:column;gap:1.5rem;display:flex}.contact-page__field{flex-direction:column;gap:.5rem;display:flex}.contact-page__label{color:var(--color-text);margin-bottom:var(--space-xs);font-weight:500}.contact-page__input,.contact-page__textarea{border:2px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg);color:var(--color-text);font-family:inherit;font-size:var(--font-size-base);transition:all var(--transition-base);box-sizing:border-box;width:100%;padding:.75rem 1rem}.contact-page__input:hover,.contact-page__textarea:hover{border-color:var(--color-border-hover)}.contact-page__input:focus,.contact-page__textarea:focus{border-color:var(--color-accent);outline:none;box-shadow:0 0 0 3px #3b82f61a}.contact-page__input::placeholder,.contact-page__textarea::placeholder{color:var(--color-text-light)}.contact-page__input:disabled,.contact-page__textarea:disabled{opacity:.6;cursor:not-allowed}.contact-page__textarea{resize:vertical;min-height:120px}.contact-page__submit{align-self:flex-start}.contact-page__success{padding:var(--space-md);color:var(--color-success);border-radius:var(--radius-md);background:#10b9811a;border:1px solid #10b9814d;font-weight:500}.contact-page__error{padding:var(--space-md);color:var(--color-danger);border-radius:var(--radius-md);background:#ef44441a;border:1px solid #ef44444d;font-weight:500}.contact-page__social-title{font-size:var(--font-size-xl);margin-bottom:var(--space-lg);color:var(--color-text);font-weight:600}.contact-page__social-links{gap:var(--space-md);flex-direction:column;display:flex}.contact-page__social-link{align-items:center;gap:var(--space-sm);color:var(--color-accent);padding:var(--space-sm)var(--space-md);border-radius:var(--radius-md);transition:all var(--transition-base);border:1px solid #0000;font-weight:500;text-decoration:none;display:inline-flex}.contact-page__social-link svg{flex-shrink:0;width:20px;height:20px}.contact-page__social-link:hover{color:var(--color-accent-hover);background:var(--color-bg-secondary);border-color:var(--color-border);transform:translate(4px)}.contact-page__social-link:active{transform:translate(2px)}