.login-page{display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:#1a1717;background-image:url(../img/login.3138b05d.jpg);background-size:100% 100%}.login-page h1{width:760px;height:100px;line-height:1.6;letter-spacing:9px;text-align:center;font-size:45px;font-weight:700;margin-top:-100px}.login-page h1>span{background:linear-gradient(0deg,#ebae1c,#ffda80);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-shadow:2px 2px 2px rgba(0,0,0,.1)}.login-page h1>div{position:absolute;display:none;left:0;right:0;transform:scaleY(-1) translateY(20px);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.login-page h1>div>span{background:linear-gradient(0deg,rgba(255,218,128,.15),rgba(235,174,28,.015));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.login-page .dialog{width:500px;height:405px;margin-top:60px;padding:20px 12px 10px;z-index:2;box-sizing:border-box;transition:box-shadow .45s ease-in-out;background-color:rgba(0,0,0,.35);box-shadow:inset 0 0 25px 6px rgba(213,167,63,.7)}.login-page .dialog>.form{display:block;height:100%;display:flex;flex-direction:column;padding:0 20px 0;margin:0 auto}.login-page .dialog>.form>h2{position:relative;color:hsla(0,0%,100%,.7);font-size:28px;letter-spacing:12px;font-weight:700;line-height:2.2;padding-bottom:15px;margin-bottom:12px;text-align:center}.login-page .dialog>.form>h2:after{content:"";position:absolute;left:25px;right:25px;height:1px;bottom:15px;background:linear-gradient(90deg,rgba(235,174,28,0) 0,rgba(235,174,28,.8) 50%,rgba(235,174,28,0))}.login-page .dialog>.form>div.form-item{width:100%;position:relative}.login-page .dialog>.form>div.form-item>i{color:rgba(235,174,28,.75);font-size:15px;position:absolute;left:14px;top:13px}.login-page .dialog>.form>div.form-item>input{width:100%;height:42px;line-height:42px;padding:0 30px 0 42px;box-sizing:border-box;background-color:rgba(19,27,30,.85);font-size:16px;color:#ccc;font-weight:700;border-radius:4px;letter-spacing:1px;outline:none;border:1px solid rgba(235,174,28,.4);transition:box-shadow .35s ease-in-out;background-clip:padding-box}.login-page .dialog>.form>div.form-item>input:focus{box-shadow:0 0 0 2px rgba(235,174,28,.7)}.login-page .dialog>.form>div.form-item>input:focus~i{color:#ebae1c}.login-page .dialog>.form>div.form-item>input::-webkit-input-placeholder{font-weight:400;color:#999}.login-page .dialog>.form>div.auth-code,.login-page .dialog>.form>div.lock{margin-top:20px}.login-page .dialog>.form>div.btn{position:relative;height:42px;font-size:15px;border-radius:4px;text-align:center;line-height:42px;color:hsla(0,0%,100%,.7);background-color:#9d730e;letter-spacing:6px;cursor:pointer;outline:none;margin-top:25px;overflow:hidden;transition:background-color .35s ease-out}.login-page .dialog>.form>div.btn:hover{background-color:#daa013;color:#fff}.login-page .dialog>.form>div.auth-code{display:flex}.login-page .dialog>.form>div.auth-code>input{width:270px}.login-page .dialog>.form>div.auth-code img{display:block;flex:1;height:42px;line-height:42px;font-size:12px;letter-spacing:5px;margin-left:10px;background-color:hsla(0,0%,100%,.2);cursor:pointer;letter-spacing:0;text-align:center;color:#ebae1c;box-sizing:border-box;border:1px solid rgba(235,174,28,.5);filter:sepia(80%)}.login-page .dialog>.form>div.remember-account{display:flex;text-align:left;align-items:center;margin-top:15px;color:rgba(235,174,28,.6)}.login-page .dialog>.form>div.remember-account>div{will-change:color;transition:color .35s ease-out}.login-page .dialog>.form>div.remember-account>div:hover{color:rgba(235,174,28,.9);text-decoration:underline}.login-page .dialog>.form>div.remember-account>div:first-of-type{position:relative;display:flex;align-items:center;cursor:pointer}.login-page .dialog>.form>div.remember-account>div:first-of-type>i{position:absolute;left:0;top:1px;color:rgba(235,174,28,.9);font-size:16px;opacity:0;will-change:opacity;transition:opacity .4s ease-out}.login-page .dialog>.form>div.remember-account>div:first-of-type:before{content:"";display:block;width:15px;height:15px;margin-right:6px;border-radius:2px;background-color:rgba(235,174,28,.5)}.login-page .dialog>.form>div.remember-account>div:first-of-type.checked>i{opacity:1}.login-page .dialog>.form>div.remember-account>div:nth-of-type(2){flex:1;text-align:right;text-decoration:underline}.login-page .dialog>.form>div.remember-account>div:nth-of-type(2)>a{cursor:pointer}@media screen and (max-width:1600px){.login-page h1{margin-top:-60px;font-size:40px}.login-page .dialog{margin-top:40px;width:440px;height:370px}.login-page .dialog>.form{padding:0 12px 0}.login-page .dialog>.form>h2{font-size:22px}.login-page .dialog>.form>div.auth-code img,.login-page .dialog>.form>div.btn,.login-page .dialog>.form>div.form-item>input{height:38px;line-height:38px;font-size:14px}}@media screen and (max-width:1400px){.login-page h1{margin-top:-60px;font-size:35px}.login-page .dialog{margin-top:20px;width:420px;height:350px}}