.contact__form[data-v-f20493f5]{display:grid;gap:20px;grid-template-columns:repeat(2,1fr);margin:0 auto;max-width:800px}.contact__form-group[data-v-f20493f5]{display:flex;flex-direction:column}.contact__form-group[data-v-f20493f5]:nth-last-child(3){grid-column:1/-1}.contact__input[data-v-f20493f5],.contact__textarea[data-v-f20493f5]{background-color:#f5f5f50d;border:2px solid hsla(0,0%,96%,.2);border-radius:8px;color:var(--color-light);font-family:inherit;font-size:1rem;padding:1rem;transition:all .3s ease}.contact__input[data-v-f20493f5]:hover,.contact__textarea[data-v-f20493f5]:hover{border-color:#6356fe}.contact__input[data-v-f20493f5]:focus,.contact__textarea[data-v-f20493f5]:focus{border-color:#6356fe;box-shadow:0 0 0 3px #6356fe1a;outline:none}.contact__input.error[data-v-f20493f5],.contact__textarea.error[data-v-f20493f5]{border-color:#ff4757}.contact__error[data-v-f20493f5]{color:#ff4757;font-size:12px;height:20px;margin-top:4px;opacity:0;transition:opacity .3s ease}.contact__input.error~.contact__error[data-v-f20493f5],.contact__textarea.error~.contact__error[data-v-f20493f5]{opacity:1}.contact__button[data-v-f20493f5]{background:linear-gradient(135deg,#6356fe,#a330cb);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:18px;font-weight:600;grid-column:1/-1;margin-top:10px;padding:16px 32px;transition:all .3s ease}.contact__button[data-v-f20493f5]:hover:not(:disabled){box-shadow:0 8px 20px #6356fe4d;transform:translateY(-2px)}.contact__button[data-v-f20493f5]:disabled{cursor:not-allowed;opacity:.6}.contact__result[data-v-f20493f5]{animation:fadeIn-f20493f5 .3s ease forwards;border-radius:8px;font-size:14px;grid-column:1/-1;margin-top:10px;opacity:0;padding:12px 16px;text-align:center}.contact__result--success[data-v-f20493f5]{background-color:#2ed5731a;border:1px solid #2ed573;color:#2ed573}.contact__result--error[data-v-f20493f5]{background-color:#ff47571a;border:1px solid #ff4757;color:#ff4757}.visually-hidden[data-v-f20493f5]{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0,0,0,0);border:0;white-space:nowrap}@media(max-width:768px){.contact__form[data-v-f20493f5]{gap:15px;grid-template-columns:1fr}.contact__button[data-v-f20493f5]{font-size:16px;padding:14px 24px}}.modal-overlay[data-v-f20493f5]{align-items:center;animation:fadeIn-f20493f5 .3s ease;background-color:#000000b3;display:flex;justify-content:center;inset:0;padding:20px;position:fixed;z-index:1000}.modal[data-v-f20493f5]{animation:slideUp-f20493f5 .4s ease;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-width:500px;overflow:hidden;width:100%}.modal__header[data-v-f20493f5]{align-items:center;background:linear-gradient(135deg,#6356fe,#a330cb);color:#fff;display:flex;justify-content:space-between;padding:20px 24px}.modal__title[data-v-f20493f5]{font-size:24px;font-weight:600;margin:0}.modal__close[data-v-f20493f5]{align-items:center;background:none;border:none;color:#fff;cursor:pointer;display:flex;font-size:32px;height:32px;justify-content:center;line-height:1;padding:0;transition:opacity .3s ease;width:32px}.modal__close[data-v-f20493f5]:hover{opacity:.8}.modal__content[data-v-f20493f5]{padding:32px 24px;text-align:center}.modal__icon[data-v-f20493f5]{align-items:center;background:linear-gradient(135deg,#2ed573,#26c463);border-radius:50%;color:#fff;display:flex;height:80px;justify-content:center;margin:0 auto 24px;width:80px}.modal__icon svg[data-v-f20493f5]{height:40px;width:40px}.modal__message[data-v-f20493f5]{color:#333;font-size:18px;line-height:1.5;margin-bottom:20px}.modal__id[data-v-f20493f5]{background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;color:#555;font-size:16px;margin-top:20px;padding:12px 16px}.modal__footer[data-v-f20493f5]{background-color:#f8f9fa;padding:20px 24px;text-align:center}.modal__button[data-v-f20493f5]{background:linear-gradient(135deg,#6356fe,#a330cb);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;min-width:160px;padding:14px 40px;transition:all .3s ease}.modal__button[data-v-f20493f5]:hover{box-shadow:0 8px 20px #6356fe4d;transform:translateY(-2px)}@keyframes fadeIn-f20493f5{0%{opacity:0}to{opacity:1}}@keyframes slideUp-f20493f5{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.contact__form[data-v-f20493f5]{gap:15px;grid-template-columns:1fr}.contact__button[data-v-f20493f5]{font-size:16px;padding:14px 24px}.modal[data-v-f20493f5]{margin:0 16px;max-width:100%}.modal__title[data-v-f20493f5]{font-size:20px}.modal__message[data-v-f20493f5]{font-size:16px}}