.modal{position:fixed;inset:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:1rem;background:#0000004d;backdrop-filter:blur(10px);z-index:100;opacity:0;visibility:hidden;transition:.15s opacity ease-in-out,.15s visibility ease-in-out}.modal__container{background-color:#fff;padding:3rem;border-radius:1.5rem;max-width:44rem;width:100%;box-shadow:0 0 80px #0000001a;isolation:isolate;position:relative;transform:translateY(10px);opacity:0;transition:.15s opacity ease-in-out,.15s transform ease-in-out}.modal.show{opacity:1;visibility:visible}.modal.show .modal__container{opacity:1;transform:translateY(0)}.modal__close{width:2rem;height:2rem;border-radius:50%;background-color:#d0d0d0;display:flex;align-items:center;justify-content:center;position:absolute;top:1rem;right:1rem;transition:.05s background-color ease-in-out;z-index:3}.modal__content{display:flex;flex-direction:column;width:100%;gap:3rem}.modal__title{font-family:var(--font-family-spectral);font-style:italic;font-weight:400;font-size:2rem;line-height:1.2;letter-spacing:-.04em;color:var(--primary-color)}.contact-form{display:flex;flex-direction:column;width:100%;gap:1.75rem;height:100%}.form-wrapper{display:flex;flex-direction:column;gap:3rem;position:relative}.form-notification-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#fff;z-index:2;opacity:0;visibility:hidden;transition:opacity .4s ease,visibility .4s ease;display:flex;flex-direction:column}.form-notification-overlay.is-visible{opacity:1;visibility:visible}.form-content{display:contents}.contact-form__row{display:flex;gap:1.5rem;width:100%}.contact-form__row .form-control{flex:1}.form-control{display:flex;flex-direction:column;gap:.5rem;position:relative}.form-field-wrapper{position:relative}.form-field-wrapper .icon{position:absolute;top:50%;right:1rem;transform:translate(5px,-50%);pointer-events:none;transition:.1s opacity ease-in-out,.1s transform ease-in-out;opacity:0}.form-field-wrapper:has(:is(input,textarea):valid) .icon{opacity:1;transform:translateY(-50%)}.form-field{width:100%;background-color:transparent;padding:.75rem 1.5rem;border:1px solid #8B8B8B;border-radius:.5rem;font-style:normal;font-weight:400;font-size:1rem;color:var(--primary-color)}textarea.form-field{padding:1rem 1.5rem}.form-field:has(+.icon){padding-right:3rem}.form-field::placeholder{color:#8b8b8b}.form-field:focus{border-color:var(--primary-color)}input.form-field{height:3rem;line-height:normal}textarea.form-field{line-height:1.2}.form-control__error{font-style:normal;font-weight:400;font-size:.8rem;color:#dc3636;display:none;position:absolute;top:calc(100% + 2px);left:0}.form-field-wrapper:has(:is(input,textarea):user-invalid)+.form-control__error{display:flex}.form-control__error:empty{display:none}.form-submit{display:flex;align-items:center;gap:1rem;padding:.75rem 1.5rem .75rem 1rem;background-color:var(--primary-color);border:1px solid var(--primary-color);border-radius:2rem;font-style:normal;font-weight:500;font-size:1rem;line-height:normal;color:#fff;flex-shrink:0}.form-submit:is(.loading){background-color:transparent;color:var(--primary-color)}.form-submit:is(.loading) .icon path{fill:var(--primary-color)}.contact-form__footer{display:flex;align-items:center;justify-content:space-between;gap:1rem}.form-privacy__label{display:flex;align-items:center;gap:1rem;max-width:20rem;text-align:left}.form-privacy__label input{position:absolute;opacity:0;z-index:-1}.form-privacy__label input:checked+.form-privacy__checkbox{border-color:var(--primary-color)}.form-privacy__label input:user-invalid+.form-privacy__checkbox{border-color:#dc3636}.form-privacy__label input:user-invalid~span{color:#dc3636}.form-privacy__label input:checked+.form-privacy__checkbox .icon{opacity:1}.form-privacy__checkbox{width:1.5rem;height:1.5rem;display:flex;align-items:center;justify-content:center;padding:.25rem;border:1px solid #8B8B8B;border-radius:.25rem;cursor:pointer}.form-privacy__checkbox .icon{width:1rem;height:1rem;opacity:0}.form-privacy__label span{font-style:normal;font-weight:400;font-size:.75rem;line-height:1.5;color:#8b8b8b}.contact__card__notification{display:flex;flex-direction:column;gap:3rem;padding:0 1.4rem}.contact__card__notification__content{display:flex;flex-direction:column;gap:1rem;height:100%}.contact__card__notification__badge{display:flex;align-items:center;gap:2rem;padding:1.5rem;border-radius:1rem;background-color:#f8f8f8;margin-bottom:1rem}.contact__card__notification__badge__icon{width:3rem;height:3rem;border-radius:50%;display:flex;align-items:center;justify-content:center;background-color:#fff;flex-shrink:0}.contact__card__notification__badge__text{font-style:normal;font-weight:400;font-size:1.5rem;line-height:1.5;letter-spacing:-.04em;color:var(--primary-color)}.contact__card__notification__texts-container{display:flex;flex-direction:column}.contact__card__notification__text{font-style:normal;font-weight:400;font-size:1.5rem;line-height:1.5;letter-spacing:-.04em;color:#8b8b8b}.contact__card__notification__footer{display:flex;justify-content:flex-end;margin-top:auto}.contact__card__notification__footer__btn{color:#fff;display:flex;justify-content:center;align-items:center;padding:.75rem 1.5rem;background:var(--primary-color);border:1px solid var(--primary-color);border-radius:3rem;font-style:normal;font-weight:500;font-size:1rem;line-height:1.5}@media(hover:hover){.modal__close:hover{background-color:var(--primary-color)}.form-field:hover{border-color:var(--primary-color)}.form-submit:hover{background-color:transparent;color:var(--primary-color)}.form-submit:hover .icon path{fill:var(--primary-color)}.form-privacy__label:hover .form-privacy__checkbox{border-color:var(--primary-color)}.form-privacy__label:not(:has(input:checked)):hover .form-privacy__checkbox .icon{opacity:.3}.contact__card__notification__footer__btn:hover{background-color:transparent;color:var(--primary-color)}}@media(max-width:1200px){.contact__card .contact-form__footer{flex-direction:column;gap:2rem}.contact__card .form-privacy{width:100%}.contact__card .contact-form__row{flex-direction:column}}@media(max-width:576px){.modal__container{padding:2rem}.contact__card__notification{padding:0}.form-wrapper{gap:2rem}.contact-form__footer{flex-direction:column;gap:2rem}.form-privacy{width:100%}.contact-form__row{flex-direction:column}.contact__card__notification__badge{flex-direction:column;align-items:center;justify-content:center;text-align:center}.contact__card__notification__texts-container{text-align:center}.contact__card__notification__text{font-size:1.2rem}.contact__card__notification__footer{justify-content:center}}@media(max-width:480px){.modal__title{font-size:1.5rem}}@media(max-height:576px){.modal{align-items:flex-start;overflow:auto}}
