*,*::before,*::after{box-sizing:inherit}html{min-width:320px}body{position:relative;height:100vh;min-width:320px;margin:0;padding:0;box-sizing:border-box;background-color:#97baf2;font-size:18px;line-height:20px;font-style:normal;font-weight:normal;color:#fff;display:flex;flex-direction:column}.visually-hidden{position:absolute;width:1px;height:1px;margin:0;border:0;padding:0;clip:rect(0 0 0 0);overflow:hidden}.body-scroll{overflow:hidden}.btn{border:1px solid rgba(0,0,0,0);vertical-align:middle;cursor:pointer}.btn--submit{width:200px;margin-top:30px;padding:10px;background-color:#fca504;color:#240b68;font-size:18px;font-weight:bold;border:2px solid #fca504;border-radius:5px;transition:all .3s}.btn--submit:focus,.btn--submit:hover{outline:none;background-color:#240b68;color:#fca504;border:2px solid #fca504;box-shadow:0px 0px 7px #fca504;transition:all .3s}.btn--submit:active{opacity:.5}.btn--modal{display:block;width:200px;margin:0 auto;padding:10px;background-color:#fca504;color:#240b68;font-size:18px;font-weight:bold;border:2px solid #fca504;border-radius:5px;transition:all .3s}.btn--modal:focus,.btn--modal:hover{outline:none;background-color:#240b68;color:#fca504;border:2px solid #fca504;box-shadow:0px 0px 7px #fca504;transition:all .3s}.btn--modal:active{opacity:.5}.btn--modal-close{position:absolute;top:10px;right:10px;width:23px;height:23px;font-size:0;border:0;background-color:rgba(0,0,0,0);outline:0}.btn--modal-close::after,.btn--modal-close::before{content:"";position:absolute;top:10px;left:-3px;width:27px;height:2px;background:#fff;transition-timing-function:ease-in-out;transition-duration:.2s}.btn--modal-close::before{transform:rotate(45deg)}.btn--modal-close::after{transform:rotate(-45deg)}.btn--modal-close:focus::before,.btn--modal-close:hover::before{transform:rotate(135deg)}.btn--modal-close:focus::after,.btn--modal-close:hover::after{transform:rotate(45deg)}.message{display:none;position:absolute;width:100%;text-align:center;top:20px;font-size:30px;font-weight:bold}.message--success{color:#09a309}.message--error{color:red}.message-show{display:block}.form{margin:0 auto;margin-top:70px;margin-bottom:30px;width:50%;max-width:680px;border:2px solid rgba(0,0,0,0);border-radius:20px;background-color:#240b68}.form__wrapper{width:100%;padding:30px;display:flex;flex-direction:column;justify-content:flex-start;align-items:center}@media(max-width: 999px){.form{width:70%}}@media(max-width: 676px){.form{width:84%}.form__wrapper{padding:20px}}.input-wrapper{width:100%;display:flex;margin:10px 0;margin-bottom:30px;display:flex;align-items:center}.input-wrapper label{display:inline-block;width:25%;color:#fca504;font-weight:bold}.input-wrapper input,.input-wrapper textarea{width:65%;padding:10px;border:2px solid rgba(0,0,0,0);border-radius:5px}.input-wrapper__user-name,.input-wrapper__user-email,.input-wrapper__user-phone,.input-wrapper__user-message{position:relative}.input-wrapper input::placeholder,.input-wrapper textarea::placeholder{color:#97baf2}.input-wrapper input:focus,.input-wrapper textarea:focus{outline:0;border:2px solid #fca504;box-shadow:0px 0px 7px #fca504;color:#240b68}.input-wrapper__user-name p,.input-wrapper__user-email p,.input-wrapper__user-phone p,.input-wrapper__user-message p{position:absolute;bottom:-40px;left:25%;font-size:16px}@media(max-width: 999px){.input-wrapper input,.input-wrapper textarea{width:70%}}@media(max-width: 676px){.input-wrapper{flex-direction:column;justify-content:center;align-items:flex-start}.input-wrapper label{width:25%;margin-bottom:10px}.input-wrapper input,.input-wrapper textarea{width:100%}.input-wrapper__user-name p,.input-wrapper__user-email p,.input-wrapper__user-phone p,.input-wrapper__user-message p{width:200px;text-align:center;left:50%;transform:translateX(-50%)}}.button-wrapper{width:100%;padding:30px 0}.modal{display:none;position:fixed;top:50%;left:50%;transform:translate(-50%, -50%);width:300px;color:#240b68;z-index:1000;background-color:#97baf2;border:2px solid #fca504}.modal__wrapper{width:100%;padding:30px;position:relative}.modal--show{display:block;animation:bounce .6s}@keyframes bounce{0%{transform:translate(-50%, calc(-50% - 2000px))}70%{transform:translate(-50%, calc(-50% + 30px))}90%{transform:translate(-50%, calc(-50% - 10px))}100%{transform:translate(-50%, -50%)}}