.fade-enter-active,.fade-leave-active{transition:opacity .5s}.fade-enter,.fade-leave-to{opacity:0}.message{box-shadow:4px 4px 10px rgba(142,182,227,.3),-4px -4px 10px rgba(195,219,246,.3);padding:20px 10px;max-width:250px}.check{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M256 0C115.3 0 0 115.3 0 256s115.3 256 256 256 256-115.3 256-256S396.7 0 256 0z' fill='%237d0'/%3E%3Cpath d='M512 256c0 140.7-115.3 256-256 256V0c140.7 0 256 115.3 256 256z' fill='%236b0'/%3E%3Cpath fill='%23e7e7e7' d='M401.8 212.5L226 388.299l-126.301-126 42.602-42.6 83.699 84 30-30L359.5 170.2z'/%3E%3Cpath fill='%23d3d3d8' d='M401.8 212.5L256 358.299v-84.6L359.5 170.2z'/%3E%3C/svg%3E")}.check,.error{width:60px;height:60px;margin:0 auto 20px}.error{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M256 0C115.3 0 0 115.3 0 256s115.3 256 256 256 256-115.3 256-256S396.7 0 256 0z' fill='%23ff3636'/%3E%3Cpath d='M512 256c0 140.7-115.3 256-256 256V0c140.7 0 256 115.3 256 256z' fill='%23f40000'/%3E%3Cpath fill='%23e7e7e7' d='M298.299 256l84.901 84.901-42.299 42.299L256 298.299 171.099 383.2 128.8 340.901 213.701 256 128.8 171.099l42.299-42.299L256 213.701l84.901-84.901 42.299 42.299z'/%3E%3Cpath fill='%23d3d3d8' d='M298.299 256l84.901 84.901-42.299 42.299L256 298.299v-84.598l84.901-84.901 42.299 42.299z'/%3E%3C/svg%3E")}.message h4{color:#0286e5;text-align:center;font-weight:500}.login{padding-top:70px;padding-bottom:60px}.login img{margin:0 auto;display:block;height:24px;margin-bottom:65px}.login h1{font-weight:600;font-size:30px;margin-bottom:30px}.login h1,.login p{text-align:center;color:#004d9d}.login p{font-size:14px;max-width:300px;margin:0 auto 30px}.login input{background:#f1f6fd;border-radius:8px;padding:16px;font-weight:500;font-size:16px;color:#004d9d;width:100%;margin-bottom:15px;border:1px solid #f1f6fd;transition:all .3s}.login input.invalid{border:1px solid red}.login input::-moz-placeholder{color:#c3dbf6}.login input:-ms-input-placeholder{color:#c3dbf6}.login input::placeholder{color:#c3dbf6}.login__password{position:relative}.login__password input{padding-right:50px}.login__password a,.login__password button{position:absolute;right:20px;top:13px}.login__btn{padding-top:50px}.login__btn .btn{width:100%;margin-bottom:15px;padding:16px 20px}.login__forgot{font-weight:600;font-size:16px;color:#0286e5;text-align:center;display:block;width:100%}.dark .login input{color:#c3dbf6}