.contact-form{background:var(--color-bg)}.contact-form input:focus-visible,.contact-form textarea:focus-visible{border-color:var(--brand-1);box-shadow:0 0 0 3px var(--brand-5);outline:none}.contact-form__layout{gap:var(--space-10);display:grid}@media (min-width:768px){.contact-form__layout{gap:var(--space-16);grid-template-columns:1fr 1.4fr;align-items:start}}.contact-form__intro{justify-content:center;align-items:flex-start;gap:var(--space-4);flex-direction:column;display:flex}.contact-form__intro h2{margin:0}.contact-form__intro .contact-form__sub{color:var(--color-muted);margin:0;line-height:1.7}.contact-form__body{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-8)}form{justify-content:center;align-items:flex-start;gap:var(--space-6);flex-direction:column;display:flex}.contact-form__field{justify-content:center;align-items:flex-start;gap:var(--space-2);flex-direction:column;display:flex}.contact-form__field label{font-weight:500;font-size:var(--font-size-sm);color:var(--color-text)}.contact-form__field input,.contact-form__field textarea{width:100%;padding:var(--space-3) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg);color:var(--color-text);font:inherit;font-size:var(--font-size-md);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.contact-form__field input::placeholder,.contact-form__field textarea::placeholder{color:var(--color-muted)}.contact-form__field input:disabled,.contact-form__field textarea:disabled{opacity:.6;cursor:not-allowed}.contact-form__field textarea{resize:vertical;min-height:120px;line-height:1.6}.contact-form__required{color:var(--danger)}.contact-form__error{padding:var(--space-3) var(--space-4);background:color-mix(in oklab, var(--danger) 10%, transparent);border:1px solid color-mix(in oklab, var(--danger) 30%, transparent);border-radius:var(--radius-sm);color:var(--danger);font-size:var(--font-size-sm)}.contact-form__body .btnPrimary{width:100%;min-width:var(--min-tap-target);min-height:var(--min-tap-target)}.contact-form__note{font-size:var(--font-size-xs);color:var(--color-muted);margin:0}.contact-form__success{text-align:center;justify-content:center;align-items:center;gap:var(--space-4);padding:var(--space-8) var(--space-4);flex-direction:column;display:flex}.contact-form__success h3{color:var(--brand-1-bright);margin:0}.contact-form__success p{color:var(--color-muted);max-width:40ch;margin:0}.contact-form__success-icon{background:var(--success);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:3rem;height:3rem;display:flex}.contact-form__success-icon svg{width:1.5rem;height:1.5rem}.contact-form__field-error{font-size:var(--font-size-xs);color:var(--danger);margin-top:var(--space-1)}