:root{--contact-font-size:var(--page-font-size)}.bot-trap{opacity:0;position:absolute;top:0;left:-9999px}.contact-wrapper{z-index:1;justify-content:center;align-items:center;width:100%;height:100%;animation:1s cubic-bezier(.68,-.55,.27,1.55) fadeIn;display:flex}.contact-form{box-shadow:0 0 calc(var(--contact-font-size) * .25) calc(var(--contact-font-size) * .1) #2afd0022;box-sizing:border-box;border:1px solid #2afd00;border-radius:calc(1vh + 2vw);width:94%;max-width:1200px;padding:2vh 2vw}.contact-form h1{color:#e74c3c;font-size:calc(var(--contact-font-size) * 1.2);text-align:center;margin:0 .3vw}.contact-form h3{color:#16a085;font-size:calc(var(--contact-font-size) * .5);text-align:center;margin:0 .1vw}.form-group{flex-direction:column;margin:auto;padding:0 2vw;display:flex}.contact-form label{color:#38cd54;font-size:max(12px, calc(var(--contact-font-size) * .4));margin:.5vh .1vw .1vh .4vw}.contact-form input,.contact-form textarea{font-size:max(16px, calc(var(--contact-font-size) * .5));color:#000;background:#d9d9d9;border:2px solid #e74c3c;border-radius:calc(.2vh + .7vw);padding:0 .7vw .5vh}.contact-form textarea{resize:both;box-sizing:border-box;min-width:99.4%;max-width:91dvw;min-height:10vh;max-height:22vh}.contact-form input:focus,.contact-form textarea:focus{border:1px solid #2afd00;outline:none;width:100%;box-shadow:0 0 1px 1px #2afd0022}.err-counter-group{display:flex}.error-message{color:#e74c3c;font-size:max(11px, calc(var(--contact-font-size) * .35))}.form-group .char-counter{color:#fff;font-size:max(10px, calc(var(--contact-font-size) * .25));text-align:right;margin-left:auto;padding:0 .5dvh 0 0}.submit-btn{color:#fff;font-size:max(14px, calc(var(--contact-font-size) * .6));cursor:pointer;background:linear-gradient(90deg,#e74c3c 60%,#16a085 100%);border-radius:calc(.2vh + .7vw);margin:4% 0;padding:0 0 1vh;transition:background .3s,box-shadow .3s,transform .2s;animation:.7s btnPop;box-shadow:0 0 2px 2px #2afd0044}@keyframes btnPop{0%{transform:scale(.9)}80%{transform:scale(1.05)}to{transform:scale(1)}}.submit-btn:hover,.submit-btn:focus{background:linear-gradient(90deg,#16a085 40%,#e74c3c 100%);border:2px solid #2afd00;transform:translateY(-2px)scale(1.04);box-shadow:0 4px 24px #16a08566}.form-success{color:#38cd54;text-align:center;font-size:max(12px, calc(var(--contact-font-size) * .6))}@media (max-width:768px){.contact-form{border-radius:calc(.8vh + 1.5vw);width:96%;padding:3vh 4vw 2vh;overflow:hidden}.contact-form input,.contact-form textarea{box-sizing:border-box;max-width:100%}}