@import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap");html,body{font-family:"Roboto", serif;font-size:14px;padding:0;margin:0;color:#494949;background:#FFF}a:hover{text-decoration:none}img{max-width:100%}#header{background:#FCFCFD;display:flex;align-items:center;justify-content:space-between;padding:5px 12px}#main{padding:50px 20px;padding-bottom:100px}#main .box{background:#FFF;box-shadow:0 11px 34px 0 #78788029;padding:40px 80px;border-radius:30px;max-width:640px;margin:0 auto;position:relative}@media (max-width: 767px){#main .box{box-shadow:none;padding:0 20px}}#main .box.loader{height:500px;display:flex;align-items:center;justify-content:center}#main .box .logo{text-align:center}#main .box .title{margin-top:20px;margin-bottom:40px;text-align:center}#main .box .title h3{font-weight:700;font-size:30px;color:#000}#main .box .title p{font-size:18px;margin-bottom:0}#main .box .msg{text-align:center}#main .box .msg h3{font-size:30px;font-weight:700;margin-top:0;margin-bottom:10px;color:#000}#main .box .msg p{font-size:17px;margin-bottom:30px}#main .box .msg .links2 a{display:inline-block;padding:5px 15px;border-radius:20px;color:#FFF;text-decoration:none;font-size:17px}#main .box .msg .links2 a:nth-child(1){background:#757579}#main .box .msg .links2 a:nth-child(2){background:#0071e3}#main .box .infos{text-align:center}#main .box .infos p{margin-bottom:0;font-size:11px;margin-top:10px;color:#6e6e73}#main .box .alink{color:#06c;margin-top:5px}#main .box .btns2{display:flex;justify-content:space-between}@media (max-width: 575px){#main .box .btns2{display:block}}#main .box .btns2 .spinner{margin:0 auto;width:24px;height:24px;display:grid;border-radius:50%;-webkit-mask:radial-gradient(farthest-side, #0000 40%, #000 41%);background:linear-gradient(0deg, rgba(0,0,0,0.5) 50%, #000 0) center/1.9px 100%,linear-gradient(90deg, rgba(0,0,0,0.25) 50%, rgba(0,0,0,0.75) 0) center/100% 1.9px;background-repeat:no-repeat;animation:spinner-d3o0rx 1s infinite steps(12)}#main .box .btns2 .spinner::before,#main .box .btns2 .spinner::after{content:"";grid-area:1/1;border-radius:50%;background:inherit;opacity:0.915;transform:rotate(30deg)}#main .box .btns2 .spinner::after{opacity:0.83;transform:rotate(60deg)}@keyframes spinner-d3o0rx{100%{transform:rotate(1turn)}}#main .box .btns2 div.cont{width:48%}@media (max-width: 575px){#main .box .btns2 div.cont{width:100%;margin-bottom:10px}#main .box .btns2 div.cont:last-child{margin-bottom:0}}#main .box .btns2 button{height:38px;color:#FFF;background:#0071e3;border-radius:8px;width:100%;border:0}#main .box .btns2 button[type="button"]{background:#1D1D1F}#main .box .btns2 button[type="button"] svg{font-size:13px}#main .box .btns2 button.disabled{opacity:0.5}#main .box .btns2 p{color:#494949;font-size:12px;margin-top:7px;text-align:center}#main .box form.form1.dd{padding-bottom:75px}#main .box form.form1.dd label{margin-bottom:20px}#main .box form.form1.dd input{border-radius:12px}#main .box form.form1.dd .infos{text-align:center}#main .box form.form1.dd .infos p{margin-bottom:0;font-size:11px;margin-top:10px;color:#6e6e73}#main .box form.form1.dd .btns-details{position:absolute;width:100%;left:0;bottom:0;background:#FAFAFC;border-radius:0 0 30px 30px;border-top:1px solid #d2d2d7;display:flex;justify-content:space-between;padding:20px 30px}#main .box form.form1.dd .btns-details button{height:36px;min-width:175px;padding:0 10px;background:#0071e3;color:#FFF;border:1px solid transparent;text-align:center;border-radius:5px;transition:all 0.3s}#main .box form.form1.dd .btns-details button:hover{background:#0076df}#main .box form.form1.dd .btns-details button[type="button"]{background:transparent;color:#0071e3;border:1px solid #0071e3}#main .box form.form1.dd .btns-details button[type="button"]:hover{background:#0071e3;color:#FFF}#main .box form.form1 label{display:block;position:relative;margin-bottom:0}#main .box form.form1 label .img{position:absolute;right:10px;top:16px}#main .box form.form1 label .img img{width:28px}#main .box form.form1 label.has-error input{background:#FFF2F4;border:1px solid #E30000}#main .box form.form1 label.has-error .label-txt{color:#E30000}#main .box form.form1 label.has-error .errmsg{font-size:14px;color:#eb3942;margin-top:5px}#main .box form.form1 label .label-txt{position:absolute;top:17px;left:15px;transition:ease .1s;margin-bottom:0;font-size:16px;color:#6e6e73;font-weight:400}#main .box form.form1 label .label-txt.label-active{top:9px;font-size:12px}#main .box form.form1 label input{width:100%;background:transparent;padding-left:15px;padding-right:10px;padding-top:30px;padding-bottom:13px;border:1px solid #86868b;outline:none;height:56px;color:#494949;font-size:16px;padding-right:53px}#main .box form.form1 label input:focus{outline:2px solid #FFF}#main .box form.form1 label input#username{border-radius:12px 12px 12px 12px}#main .box form.form1 label input#password{border-radius:0 0 12px 12px;margin-top:-1px}#main .box form.form1 label input:focus{border-color:#0071e3;outline:2px solid #0071e3}#main .box form.form1 label input.zzz{border-radius:12px 12px 0 0 !important}#main .box .error{display:none;margin-top:5px}#main .box .error p{margin-bottom:0;color:#e30000;font-size:12px}#main .box .error p span{color:#06c}#main .box form.form2 .has-error input{background:#FFF2F4;border:1px solid #E30000 !important}#main .box form.form2 .has-error input:focus{box-shadow:none !important;outline:0 !important}#main .box form.form2 .has-error .errmsg{font-size:12px;color:#E30000;margin-top:5px}#main .box form.form2 .form-group{max-width:295px;margin:0 auto}#main .box form.form2 .inputs{text-align:center;display:flex;justify-content:space-between}#main .box form.form2 .inputs input{display:inline-block;height:42px;width:42px;border:1px solid #86868b;border-radius:8px;margin-right:5px;text-align:center;font-size:16px}@media (max-width: 575px){#main .box form.form2 .inputs input{height:32px;width:32px}}#main .box form.form2 .inputs input:last-child{margin-right:0}#main .box form.form2 .inputs input:focus{border-color:#0071e3;outline:1px solid #0071e3;box-shadow:none}#main .box .dddd .loader{display:none}#main .box .dddd.w8 .loader{display:block;font-size:13px}#main .box .dddd.w8 .loader img{margin-right:5px}#main .box .dddd.w8 ul{display:none}#main .box p.txt{font-size:18px;text-align:center}#main .box p.txt2{font-size:14px;text-align:center;color:#000}#main .box .help{display:flex;justify-content:space-between}#main .box .help div{width:50%;text-align:center}#main .box .help div img{width:40px;height:40px}#main .box .help div p{margin-bottom:0;color:#0000008f;font-size:14px;margin-top:6px}#main .box .rem{display:flex;align-items:center;justify-content:space-between;margin-top:10px}@media (max-width: 575px){#main .box .rem{display:block}}#main .box .remember span{position:relative;font-size:14px;text-align:center;padding-left:25px}#main .box .remember span:before{content:'';border:1px solid #86868b;border-radius:3px;width:16px;height:16px;position:absolute;left:0;top:2px}#main .box .links{padding:0;margin:0;text-align:center}#main .box .links li{list-style-type:none;font-size:14px;color:#06c;cursor:pointer;margin-bottom:5px}#main .box .links li:last-child{margin-bottom:0}#main .box .links li:hover{text-decoration:underline}#footer{background:#F2F2F7;padding:30px 0}#footer .container{display:flex;justify-content:space-between}@media (max-width: 767px){#footer .container{display:block}}#footer p{margin-bottom:0;font-size:12px;color:#0000008f}#footer ul{padding:0;margin:0}@media (max-width: 767px){#footer ul{margin-bottom:10px}}#footer ul li{list-style-type:none;display:inline-block;color:#0000008f;position:relative;font-size:12px;padding-right:7px;margin-right:7px;cursor:pointer}#footer ul li:after{content:'';height:17px;width:1px;background:#78788029;position:absolute;right:-2px;top:0}#footer ul li:last-child{padding-right:0;margin-right:0}#footer ul li:last-child:after{display:none}