*{padding:0;margin:0;border:0}*,*:before,*:after{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}:focus,:active{outline:none}a:focus,a:active{outline:none}nav,footer,header,aside{display:block}html,body{height:100%;width:100%;font-size:100%;line-height:1;font-size:14px;-ms-text-size-adjust:100%;-moz-text-size-adjust:100%;-webkit-text-size-adjust:100%}input,button,textarea{font-family:inherit}input::-ms-clear{display:none}button{cursor:pointer}button::-moz-focus-inner{padding:0;border:0}a,a:visited{text-decoration:none}a:hover{text-decoration:none}ul li{list-style:none}img{vertical-align:top}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:400}@font-face{font-family:"Montserrat";font-style:normal;font-weight:400;src:local("Montserrat-Regular"),url("../fonts/Montserrat-Regular.woff2") format("woff2"),url("../fonts/Montserrat-Regular.woff") format("woff"),url("../fonts/Montserrat-Regular.ttf") format("ttf")}@font-face{font-family:"Montserrat";font-style:normal;font-weight:500;src:local("Montserrat-Medium"),url("../fonts/Montserrat-Medium.woff2") format("woff2"),url("../fonts/Montserrat-Medium.woff") format("woff"),url("../fonts/Montserrat-Medium.ttf") format("ttf")}@font-face{font-family:"Montserrat";font-style:normal;font-weight:700;src:local("Montserrat-Bold"),url("../fonts/Montserrat-Bold.woff2") format("woff2"),url("../fonts/Montserrat-Bold.woff") format("woff"),url("../fonts/Montserrat-Bold.ttf") format("ttf")}body{font-family:"Montserrat",sans-serif;font-style:normal;font-weight:400;font-size:16px;background-image:url("../images/background.webp");background-position:center;background-size:cover;background-repeat:no-repeat;display:flex;align-items:center;padding:0 20px}body .main{position:fixed;top:0;left:0;width:100%}body .top-panel{max-width:860px;justify-content:center;display:flex;margin:0 auto;align-items:center;padding:20px 0}body .top-panel .logotype{font-size:2em;font-weight:700;color:#fff;user-select:none;margin-right:40px}body .top-panel .menu{display:flex}body .top-panel .menu ul{display:flex;align-items:center}body .top-panel .menu li{margin-right:40px}body .top-panel .menu a{position:relative;font-weight:500;color:#fff;white-space:nowrap}body .top-panel .menu a::after{content:"";position:absolute;width:100%;height:2px;background-color:#fff;left:0;bottom:-4px;border-radius:10px;transform:scaleX(0);transition:transform .4s}body .top-panel .menu a:hover::after{transform:scaleX(1)}@media(max-width: 860px){body .top-panel .menu{display:none}}body .top-panel .btn-enter{font-size:1.2em;font-weight:500;padding:12px 48px;background-color:rgba(0,0,0,0);border:2px solid #fff;color:#fff;border-radius:10px;transition:.4s}@media(max-width: 400px){body .top-panel .btn-enter{padding:8px 24px}}body .top-panel .btn-enter:hover{background-color:#fff;color:#211c40}body .form{display:none;margin:auto;position:relative;width:400px;border:2px solid rgba(255,255,255,.5);border-radius:10px;backdrop-filter:blur(10px);box-shadow:0 0 20px rgba(0,0,0,.5);padding:40px;overflow:hidden}@media(max-width: 400px){body .form{padding:20px}}body .form-show{display:block}body .form__inner{position:relative;width:100%;height:50px;border-bottom:2px solid #211c40;margin:28px 0 14px 0}body .form__label{position:absolute;top:50%;left:5px;transform:translateY(-50%);font-weight:500;user-select:none}body .form__title{font-size:1.5em;font-weight:700;text-align:center;user-select:none}body .form__icon{width:16px;height:16px;position:absolute;top:16px;right:6px;fill:#211c40}body .form__close{position:absolute;top:0;right:0;width:32px;height:32px;background-color:#211c40;fill:#fff;border-bottom-left-radius:10px;cursor:pointer}body .form__input{width:100%;height:100%;padding:0 35px 0 5px;background-color:rgba(0,0,0,0);border:none;outline:none;font-size:1em;font-weight:700;transition:.4s}body .form__input:focus~.form__label,body .form__input:valid~.form__label{top:-4px}body .form .remember-forgot{display:flex;justify-content:space-between;align-items:center;font-size:.9em;font-weight:500;line-height:1.5;margin-bottom:15px;user-select:none}body .form .remember-forgot input{vertical-align:middle;accent-color:#211c40}body .form .remember-forgot label:hover,body .form .remember-forgot input:hover{cursor:pointer}body .form .remember-forgot a{color:#211c40}body .form .remember-forgot a:hover{text-decoration:underline}body .form .btn{width:100%;padding:14px 0;background-color:#211c40;border-radius:10px;font-size:1em;font-weight:500;color:#fff}body .form .cta-register{font-size:.9em;text-align:center;font-weight:500;line-height:1.5;margin:25px 0 10px;user-select:none}body .form .cta-register a{color:#211c40;font-weight:600}body .form .cta-register a:hover{text-decoration:underline}body .form-login{display:none}body .form-login-show{display:block}body .form-registr{display:none}body .form-registr-show{display:block}