html,body{min-height:100%;background:#08172a}body{margin:0;color:#1e2c43}.ref-login{position:relative;max-width:750px;min-height:100vh;margin:0 auto;overflow:hidden;background:#0d2038 url('../ref75675/login-bg.jpg') center top/cover no-repeat}.ref-login-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(5,18,35,.18) 0,rgba(4,17,33,.34) 42%,rgba(237,233,231,.98) 72%,#ede9e7 100%)}.ref-login-brand{position:relative;z-index:1;display:flex;align-items:center;padding:.34rem .36rem;color:#fff}.ref-login-brand img{width:.72rem;height:.72rem;border-radius:.16rem;box-shadow:0 .08rem .24rem rgba(0,0,0,.28)}.ref-login-brand div{display:flex;flex-direction:column;margin-left:.18rem}.ref-login-brand strong{font-size:.34rem;letter-spacing:.03rem}.ref-login-brand span{margin-top:.04rem;color:rgba(255,255,255,.72);font-size:.18rem}.ref-login-panel{position:absolute;z-index:2;left:.28rem;right:.28rem;bottom:.72rem;padding:.38rem .34rem .32rem;border-radius:.22rem;background:rgba(255,255,255,.96);box-shadow:0 .18rem .60rem rgba(4,18,35,.38);box-sizing:border-box}.ref-login-heading span{color:#cf866b;font-size:.20rem}.ref-login-heading h1{margin:.04rem 0 0;font-size:.48rem;color:#253550;font-weight:700}.ref-login-heading p{margin:.08rem 0 .28rem;color:#8a94a5;font-size:.21rem}.ref-login-field{height:.82rem;margin-top:.18rem;padding:0 .18rem;display:flex;align-items:center;border:1px solid #e2e5eb;border-radius:.10rem;background:#f7f8fb;box-sizing:border-box;transition:.2s}.ref-login-field:focus-within{border-color:#cf866b;background:#fff;box-shadow:0 0 0 3px rgba(207,134,107,.10)}.ref-login-field img{width:.34rem;height:.34rem;object-fit:contain;margin-right:.16rem}.ref-login-field input{flex:1;min-width:0;border:0;background:transparent;color:#253550;font-size:.25rem;line-height:.50rem}.ref-login-field button{width:.48rem;height:.48rem;border:0;background:transparent;color:#b2bac7;font-size:.24rem}.ref-login-field button.show{color:#cf866b}.ref-login-options{height:.66rem;display:flex;align-items:center;justify-content:space-between;color:#818b9b;font-size:.20rem}.ref-login-options label{display:flex;align-items:center}.ref-login-options #reck{width:.28rem;height:.28rem;margin-right:.10rem;border:1px solid #cbd1da;border-radius:.05rem;background:#fff;box-sizing:border-box}.ref-login-options #reck.check{border-color:#cf866b;background:#cf866b;box-shadow:inset 0 0 0 .06rem #fff}.ref-login-options a{color:#cf866b}.ref-login-submit{width:100%;height:.82rem;border:0;border-radius:.10rem;background:linear-gradient(135deg,#d8957b,#c7775b);color:#fff;font-size:.28rem;font-weight:700;box-shadow:0 .10rem .22rem rgba(190,104,76,.28)}.ref-login-submit:disabled{opacity:.65}.ref-login-register{display:flex;align-items:center;justify-content:center;margin-top:.22rem;color:#8a94a5;font-size:.20rem}.ref-login-register button{margin-left:.08rem;border:0;background:none;color:#cf866b;font-size:.21rem}.ref-login-footer{position:absolute;z-index:2;left:0;right:0;bottom:.20rem;text-align:center;color:#8b929c;font-size:.17rem}@media(max-height:660px){.ref-login-panel{bottom:.28rem}.ref-login-footer{display:none}.ref-login-brand{padding-top:.20rem}.ref-login-panel{padding-top:.28rem}}