#hbl-login-verification{position:fixed;inset:0;z-index:2147483000;display:flex;align-items:center;justify-content:center;flex-direction:column;background:#050a12;color:#eaf5ff;font-family:Inter,"PingFang SC","Microsoft YaHei",sans-serif;overflow:hidden;isolation:isolate;animation:hbl-verification-appear .3s both}
#hbl-login-verification[hidden]{display:none!important}
#hbl-login-verification *{box-sizing:border-box}
#hbl-login-verification:before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(circle at 50% 42%,#1a406344,transparent 39%),linear-gradient(#8ccaff04 1px,transparent 1px),linear-gradient(90deg,#8ccaff04 1px,transparent 1px);background-size:auto,70px 70px,70px 70px}
#hbl-login-verification .hbl-verification-head{position:absolute;top:max(38px,env(safe-area-inset-top));left:5vw;right:5vw;display:flex;justify-content:space-between;font-size:11px;letter-spacing:4px;color:#7c9ab7}
#hbl-login-verification .hbl-verification-stage{position:relative;width:340px;max-width:65vw;height:340px;max-height:65vw;margin-top:-35px;flex-shrink:0}
#hbl-login-verification .hbl-verification-halo{position:absolute;inset:18%;border-radius:50%;background:#60bfff0b;filter:blur(20px);box-shadow:0 0 100px #7eceff15;animation:hbl-verification-breathe 2.2s infinite}
#hbl-login-verification .hbl-verification-ring{position:absolute;inset:9%;border:1px solid #73c3f427;border-radius:50%;transition:1s}
#hbl-login-verification .outer{inset:0;border-style:dashed;border-color:#7297b829;animation:hbl-verification-rotate 60s linear infinite}
#hbl-login-verification .outer:before,#hbl-login-verification .outer:after{content:"";width:5px;height:5px;background:#a8edff;position:absolute;border-radius:50%;box-shadow:0 0 16px #7cd9ff;left:50%;top:-3px}
#hbl-login-verification .outer:after{top:auto;bottom:-3px;background:#5b93d2}
#hbl-login-verification .middle{inset:8%;border:2px solid transparent;border-top-color:#b5e9ff;border-bottom-color:#69adf344;animation:hbl-verification-rotate 3s linear infinite;filter:drop-shadow(0 0 5px #8ed8ff55)}
#hbl-login-verification .inner{inset:17%;border-color:#7dc2ff30;box-shadow:inset 0 0 35px #468de811;animation:hbl-verification-rotate 8s linear infinite reverse}
#hbl-login-verification .inner:before{content:"";position:absolute;inset:8px;border-radius:50%;border:1px dashed #a6daff1c}
#hbl-login-verification .hbl-verification-axis{position:absolute;left:50%;top:-8%;height:116%;width:1px;background:linear-gradient(transparent,#7dbaf02e 30%,transparent 45%,transparent 55%,#7dbaf02e 70%,transparent)}
#hbl-login-verification .horizontal{transform:rotate(90deg)}
#hbl-login-verification .hbl-verification-core{position:absolute;inset:28%;border:1px solid #a3daff33;border-radius:26px;transform:rotate(45deg);background:linear-gradient(145deg,#1b3b5b88,#0e1b2a44);box-shadow:0 0 35px #64b2ff18,inset 0 0 20px #72c3ff0e;display:flex;align-items:center;justify-content:center}
#hbl-login-verification .hbl-verification-core img{width:70%;height:70%;object-fit:contain;transform:rotate(-45deg);filter:brightness(1.8) drop-shadow(0 0 8px #90d9ff66);animation:hbl-verification-appear .8s both}
#hbl-login-verification .hbl-verification-check{display:none;width:34%;height:58%;border-right:3px solid #b4ffdf;border-bottom:3px solid #b4ffdf;transform:translate(-14%,-10%)}
#hbl-login-verification .hbl-verification-micro{position:absolute;font:9px monospace;color:#6f9abb88;letter-spacing:2px}
#hbl-login-verification .top{left:50%;top:-25px;transform:translateX(-50%);white-space:nowrap}
#hbl-login-verification .left{left:-68px;top:49%}
#hbl-login-verification .right{right:-68px;top:49%}
#hbl-login-verification .hbl-verification-status{position:relative;text-align:center;margin-top:36px}
#hbl-login-verification .hbl-verification-code{font:10px monospace;letter-spacing:5px;color:#75a9cb;margin-bottom:14px}
#hbl-login-verification h2{font-size:26px;line-height:1.4;font-weight:400;letter-spacing:5px;margin:0;color:#eaf5ff}
#hbl-login-verification p{font-size:11px;line-height:1.6;color:#7590aa;letter-spacing:2px;margin:14px 0 27px}
#hbl-login-verification .hbl-verification-track{width:220px;height:2px;background:#20334a;margin:auto;overflow:hidden}
#hbl-login-verification .hbl-verification-fill{height:100%;background:linear-gradient(90deg,#427ab7,#b8f1ff);box-shadow:0 0 12px #9bdbff;transition:width .12s linear}
#hbl-login-verification .hbl-verification-numbers{display:flex;justify-content:space-between;width:220px;margin:10px auto 0;font:9px monospace;color:#688baa}
#hbl-login-verification .hbl-verification-steps{position:absolute;bottom:max(45px,env(safe-area-inset-bottom));display:flex;gap:45px;font-size:10px;letter-spacing:1px;color:#3b566f}
#hbl-login-verification .hbl-verification-steps span{display:flex;align-items:center;gap:9px;transition:.5s}
#hbl-login-verification .hbl-verification-steps i{font-style:normal;font:9px monospace;padding:5px;border:1px solid #35516e55;border-radius:50%}
#hbl-login-verification .hbl-verification-steps .current{color:#c1e8ff}
#hbl-login-verification .hbl-verification-steps .done{color:#76b6ca}
#hbl-login-verification.success .middle{border-color:#8cf0df66;animation-duration:12s}
#hbl-login-verification.success .inner{border-color:#9fffe044;box-shadow:0 0 70px #69efce16}
#hbl-login-verification.success .hbl-verification-halo{background:#6bffcd18}
#hbl-login-verification.success .hbl-verification-core{border-color:#a3ffe36b;background:#1d4a4144}
#hbl-login-verification.success .hbl-verification-core img{display:none}
#hbl-login-verification.success .hbl-verification-check{display:block;animation:hbl-verification-appear .4s both}
#hbl-login-verification.success .hbl-verification-code{color:#88d8be}
#hbl-login-verification.success .hbl-verification-fill{background:#a2f3cf}
#hbl-login-verification.leaving{animation:hbl-verification-leave .3s both}
#hbl-login-verification .hbl-verification-announcement{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
@keyframes hbl-verification-rotate{to{transform:rotate(360deg)}}
@keyframes hbl-verification-breathe{50%{opacity:.45;transform:scale(.9)}}
@keyframes hbl-verification-appear{from{opacity:0}to{opacity:1}}
@keyframes hbl-verification-leave{to{opacity:0;filter:blur(8px);transform:scale(1.02)}}
@media(max-width:800px){#hbl-login-verification .hbl-verification-stage{width:250px;height:250px;margin-top:-30px}#hbl-login-verification .left{left:-35px;font-size:7px}#hbl-login-verification .right{right:-30px;font-size:7px}#hbl-login-verification h2{font-size:23px}#hbl-login-verification .hbl-verification-head{top:max(28px,env(safe-area-inset-top))}#hbl-login-verification .hbl-verification-steps{gap:20px;bottom:max(40px,env(safe-area-inset-bottom));font-size:9px}}
@media(max-height:620px){#hbl-login-verification .hbl-verification-stage{width:190px;height:190px;margin-top:-20px}#hbl-login-verification .hbl-verification-status{margin-top:20px}#hbl-login-verification .hbl-verification-steps{bottom:20px}#hbl-login-verification .hbl-verification-head{top:18px}}
@media(prefers-reduced-motion:reduce){#hbl-login-verification,#hbl-login-verification *{animation-duration:.01ms!important;animation-iteration-count:1!important;transition:none!important}}