html{font:100% "Roboto", sans-serif}html,body{height:calc(100% - 117px);margin:0}body{width:100%;height:100%;margin:0px;color:#10FFFF;background-image:url("login/BG.png");background-repeat:no-repeat;background-size:cover;background-position:top;background-color:#000}footer{display:flex;justify-content:center;width:100%;max-width:calc(100% - 200px);margin:auto;height:50px}footer .copyright{color:#fff;font-size:12px;font-style:normal;font-weight:300;line-height:1.4;margin-right:16px;display:flex;align-items:center}.footer-logo{padding-right:16px}.login{min-height:100%;margin-bottom:-50px}.swoosh{content:"";z-index:-1;background-color:#021428;background-image:url("login/pattern4-0.jpg");background-size:contain;border-bottom:8px #10FFFF solid;position:fixed;top:-40vh;left:-50vw;width:200vw;height:100vh;transform:rotate(-8deg)}.login .login__logo{width:60%;padding-bottom:64px}.login .login__wrapper{width:auto;max-width:365px;margin:auto;margin-top:64px;padding:0px 16px;text-align:center}input[type=text]::placeholder,input[type=password]::placeholder{color:#10FFFF !important}.login__form{margin-top:2em}.login .login__form--username input,.login .login__form--password input,.login .login__form--email input,.login .login__form--otp input{font-family:inherit;font-size:18px;width:calc(100% - 32px);padding:8px;margin-bottom:16px;border:unset;border-radius:50px;background-color:#31435b;color:#10FFFF;padding-left:24px;transition:background-color 250ms}input[type=text]:hover,input[type=password]:hover{background-color:#98a8bd}input[type=text]:focus,input[type=password]:focus{background-color:#fff;color:#021428}.login .login__form-actions{padding:0;margin:0 auto}.login .login__form-actions--lost{text-align:right;font-size:0.8rem;float:right;color:#a8a8a8;text-decoration:none;padding-bottom:16px}.login .login__form-actions--lost:hover{color:#10FFFF}.login .login__form-actions--login-btn{float:left;border-radius:50px;width:fit-content;position:relative;display:inline-block}.login .login__form-actions--login-btn input{float:left;border:unset;border:3px #10FFFF solid;border-radius:50px;color:#10FFFF;background-color:transparent;padding:8px 48px 8px 24px;cursor:pointer;font-size:1.15rem;font-weight:400;transition:background-color 250ms}.login .login__form-actions--login-btn:before{content:'';display:inline-block;width:8px;height:8px;border-right:2px solid #00ffff;border-top:2px solid #00ffff;position:absolute;bottom:0;top:16px;right:24px;z-index:-1;transform:rotate(45deg)}.login__form-actions--login-btn:hover::before{z-index:1;border-color:#021428 !important}.login .login__form-actions--login-btn input:hover{color:#021428;background-color:#10FFFF}.login .login__motto{font-weight:100;font-size:26px;margin-top:64px;text-align:center}.login .login__motto strong{font-weight:600}.login .login__motto b{font-weight:400}.login .homeLoginArea{background:transparent;width:100%;max-width:365px}.login .n-btn-block{width:unset}.login .n-btn{float:left;border:3px #10FFFF solid;border-radius:50px}.login .n-btn:after{content:"〉";font-weight:900;padding-left:8px}.login .btn-irevo{color:#10FFFF;transition:background-color 250ms}.login .btn-irevo:hover{background-color:#10FFFF}.login .btn-action{float:right}div.message{font-size:0.9rem;text-align:center;padding:1rem;border-radius:3px}div.message.alert{background-color:red;border:1px solid red;color:white}div.message.notice{background-color:green;border:1px solid green;color:white}@media (max-width: 780px){.login__wrapper{margin-top:32px}.copyright .aux-cr{display:none}}@media (max-width: 480px){.swoosh{top:-20vh;left:-50vw;width:200vw}.login .login__motto{font-size:5vw}.login .login__form-actions--login-btn input{font-size:1rem;width:calc(100% - 1px) !important}}@media (max-height: 1200px){.swoosh{top:-25vh}}@media (max-height: 650px){.swoosh{transform:rotate(0deg);top:0vh}.login__wrapper{margin-top:0px}}@media (min-width: 2000px){.login{zoom:1.3}}@media (min-width: 2000px) and (max-height: 880px){.swoosh{transform:rotate(0deg);top:0vh}}