header{display:none}.wrapper{position:relative;overflow:hidden}.background{position:absolute;z-index:1;top:53%;left:50%;width:100%;max-width:initial;transform:translate(-50%,-50%)}@media screen and (min-width:768px){.background{top:50%}}.login-section,.login-section .form{position:relative;display:flex;align-items:center}.login-section{justify-content:center;padding:110px 20px 100px}.login-section .form{z-index:2;flex-direction:column;width:100%;padding:32px 27px;border:1px solid #322141;border-radius:20px;background:linear-gradient(356deg,rgba(12,4,18,.63) -6.07%,rgba(37,0,68,.37) 302.13%)}.login-section .form .logo{width:56px;margin-bottom:20px}.login-section .form .logo img{width:100%}.login-section .form .form-group{display:flex;flex-direction:column;width:100%;margin-bottom:16px}.login-section .form .form-group input,.login-section .form .form-group label{font-size:12px;font-weight:400;font-style:normal;line-height:140%;color:#faf8ff}.login-section .form .form-group label{margin-bottom:4px}.login-section .form .form-group input{padding:11px 16px;transition:all .3s;border:1px solid #322141;border-radius:8px;background:0 0}.login-section .form .form-group input:focus{color:#fff;border-color:#fff;background-color:initial}.login-section .form .form-group input:user-valid{color:#fff;border-color:#fff;background-color:initial}.login-section .form .form-group input:autofill{color:#fff;border-color:#fff;-webkit-box-shadow:inset 0 0 0 100px #0e0515;-webkit-text-fill-color:#fff}.login-section .form .form-group input:-internal-autofill-selected{color:#fff;border-color:#fff;-webkit-box-shadow:inset 0 0 0 100px #0e0515;-webkit-text-fill-color:#fff}.login-section .form .form-group input:-webkit-autofill,.login-section .form .form-group input:-webkit-autofill:focus,.login-section .form .form-group input:-webkit-autofill:hover{color:#fff;border-color:#fff;-webkit-box-shadow:inset 0 0 0 100px #0e0515;-webkit-text-fill-color:#fff}.login-section .form .form-group input::-webkit-input-placeholder{color:#cbcbcb}.login-section .form .form-group input:-moz-placeholder,.login-section .form .form-group input::-moz-placeholder{color:#cbcbcb}.login-section .form .form-group input:-ms-input-placeholder{color:#cbcbcb}.login-section .form .form-group input:focus::-webkit-input-placeholder{color:transparent}.login-section .form .form-group input:focus:-moz-placeholder,.login-section .form .form-group input:focus::-moz-placeholder{color:transparent}.login-section .form button{position:relative;z-index:1;display:flex;width:100%;height:40px;margin:30px 0 0;border:0;background:0 0;align-items:center;justify-content:center}.login-section .form button:hover::before{opacity:1}.login-section .form button:hover::after{opacity:0}.login-section .form button::after,.login-section .form button::before{position:absolute;z-index:0;top:0;left:0;width:100%;height:100%;content:'';transition:all .3s;border-radius:8px;filter:drop-shadow(0 11px 40px rgba(200,130,255,.25))}.login-section .form button::before{background:radial-gradient(136.08% 136.08% at 50% 49.37%,#d170ff 0%,rgba(202,88,255,0) 100%);opacity:0}.login-section .form button::after{opacity:1;background:radial-gradient(104.43% 104.43% at 50% 49.37%,#ca58ff 0%,rgba(202,88,255,0) 100%)}.login-section .form button img{position:relative;z-index:1;display:block;width:20px}.login-section .form button span{font-size:14px;font-weight:600;font-style:normal;line-height:normal;z-index:1;display:block;text-transform:capitalize;color:#faf8ff}@media screen and (min-width:768px){.login-section{padding:94px 0 39px}.login-section .form{width:302px;margin:0 auto;padding:32px 23px}}@media screen and (min-width:1024px){.login-section{padding:100px 0 50px}.login-section .form{width:400px;margin:0 auto;padding:56px 40px 40px}.login-section .form .logo{width:63px;margin-bottom:45px}.login-section .form .form-group label{font-size:16px;margin-bottom:7px}.login-section .form .form-group input{font-size:16px;padding:16px}.login-section .form button{height:56px;margin:47px 0 0}.login-section .form button span{font-size:16px}}@media screen and (min-width:1320px){.login-section{min-height:100vh;padding:50px 0}.login-section .form{width:496px;margin:0 auto;padding:64px 48px}.login-section .form .logo{width:80px;margin-bottom:59px}.login-section .form .form-group label{font-size:16px;margin-bottom:7px}.login-section .form .form-group input{font-size:16px;padding:20px 16px}.login-section .form button{height:64px;margin:47px 0 0}.login-section .form button span{font-size:16px}}@media screen and (min-width:1800px){.login-section{padding:100px 0}.login-section .form{width:570px;margin:0 auto;padding:94px 68px}.login-section .form .logo{width:100px;margin-bottom:75px}.login-section .form .form-group label{font-size:16px;margin-bottom:7px}.login-section .form .form-group input{font-size:16px;padding:20px 16px}.login-section .form button{height:64px;margin:47px 0 0}.login-section .form button span{font-size:16px}}@media screen and (min-width:3400px){.login-section{padding:200px 0}.login-section .form{width:1140px;margin:0 auto;padding:188px 136px;border-width:2px;border-radius:40px}.login-section .form .logo{width:200px;margin-bottom:150px}.login-section .form .form-group{margin-bottom:32px}.login-section .form .form-group label{font-size:32px;margin-bottom:14px}.login-section .form .form-group input{font-size:32px;padding:40px 32px;border-width:2px;border-radius:16px}.login-section .form button{height:128px;margin:94px 0 0}.login-section .form button span{font-size:32px}.login-section .form button:after,.login-section .form button:before{border-radius:16px}}