.contact{justify-content:center;align-items:center;min-height:100vh;padding:80px 20px 40px;display:flex;position:relative}.contact__container{width:100%;max-width:520px;margin:0 auto}.contact__title{font-family:var(--font-heading);letter-spacing:var(--ls-heading);color:var(--color-black);margin:0 0 12px;font-size:26px;font-weight:500;line-height:1.15}.contact__subtitle{font-family:var(--font-body);color:var(--color-description);margin:0 0 32px;font-size:14px;line-height:1.5}.contact__field{margin-bottom:24px;position:relative}.contact__label{font-family:var(--font-body);color:var(--color-black);margin-bottom:8px;font-size:13px;font-weight:500;display:block}.contact__input{width:100%;font-family:var(--font-body);color:var(--color-black);border:none;border-bottom:1px solid var(--gray-300);transition:border-color var(--duration-fast) var(--ease-out);appearance:none;background:0 0;border-radius:0;outline:none;padding:10px 0;font-size:15px}.contact__input::placeholder{color:var(--gray-400)}.contact__input:focus{border-bottom-color:var(--color-black)}.contact__input:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.contact__input[aria-invalid=true]{border-bottom-color:var(--color-primary)}.contact__textarea{width:100%;font-family:var(--font-body);color:var(--color-black);border:none;border-bottom:1px solid var(--gray-300);transition:border-color var(--duration-fast) var(--ease-out);appearance:none;resize:vertical;background:0 0;border-radius:0;outline:none;min-height:80px;padding:10px 0;font-size:15px}.contact__textarea::placeholder{color:var(--gray-400)}.contact__textarea:focus{border-bottom-color:var(--color-black)}.contact__textarea:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.contact__textarea[aria-invalid=true]{border-bottom-color:var(--color-primary)}.contact__field-error{font-family:var(--font-body);color:var(--color-primary);margin-top:6px;font-size:12px;display:block}.contact__actions{flex-direction:column;gap:12px;margin-top:8px;display:flex}.contact__btn-primary{width:100%;font-family:var(--font-body);color:var(--color-white);background:var(--color-black);border-radius:var(--radius-full);cursor:pointer;transition:background var(--duration-fast) var(--ease-out), opacity var(--duration-fast) var(--ease-out);text-align:center;border:none;justify-content:center;align-items:center;padding:14px 24px;font-size:14px;font-weight:500;text-decoration:none;display:inline-flex}.contact__btn-primary:hover{background:var(--gray-600)}.contact__btn-primary:disabled{opacity:.5;cursor:not-allowed}.contact__btn-spinner{border:2px solid color-mix(in srgb, var(--color-white) 30%, transparent);border-top-color:var(--color-white);border-radius:50%;width:16px;height:16px;animation:.6s linear infinite contact-spin;display:inline-block}@keyframes contact-spin{to{transform:rotate(360deg)}}.contact__form-wrapper{text-align:center}.contact__form{text-align:left}.contact__error{font-family:var(--font-body);color:var(--color-primary);background:color-mix(in srgb, var(--color-primary) 8%, transparent);border-radius:var(--radius-lg);margin-bottom:20px;padding:12px 16px;font-size:13px}.contact__success{text-align:center}@media (min-width:768px){.contact{padding-top:80px;padding-bottom:40px}.contact__title{font-size:32px}.contact__subtitle{font-size:15px}}@media (min-width:1200px){.contact__title{font-size:38px}}