.hb{position:relative;overflow:hidden;margin:0 0 2.5rem;border-radius:20px;color:#e8f4fb;isolation:isolate;min-height:300px;aspect-ratio:12/5;background:#06141f;box-shadow:0 30px 70px -30px rgba(6,20,31,.75),inset 0 0 0 1px hsla(0,0%,100%,.07)}.hb:before{inset:0;z-index:-2;background:radial-gradient(60% 90% at 78% 30%,rgba(34,150,190,.34),transparent 62%),radial-gradient(40% 60% at 8% 110%,rgba(30,110,170,.22),transparent 70%),linear-gradient(180deg,#08202f,#04111b)}.hb:after,.hb:before{content:"";position:absolute}.hb:after{inset:0 0 auto;height:1px;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.35),transparent)}.hb-art{position:absolute;inset:0;width:100%;height:100%;z-index:-1}.hb-pad{flex-direction:column;height:100%;gap:18px;padding:clamp(18px,3.4vw,36px)}.hb-pad,.hb-top{display:flex;justify-content:space-between}.hb-top{align-items:center}.hb-logo{font-weight:700;letter-spacing:-.02em;font-size:15px;color:#fff}.hb-chip{display:inline-flex;align-items:center;gap:8px;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:#7fd6f2;padding:7px 12px;border:1px solid rgba(127,214,242,.3);border-radius:999px;background:rgba(10,40,58,.55);backdrop-filter:blur(6px)}.hb-chip i{width:6px;height:6px;border-radius:50%;background:#5fe0ff;box-shadow:0 0 10px #5fe0ff}.hb-body{display:flex;justify-content:flex-end;flex:1}.hb-body,.hb-vs{align-items:center}.hb-vs{display:grid;grid-template-columns:1fr auto 1fr;gap:clamp(10px,2vw,22px);max-width:760px;margin:0 auto;width:100%}.hb-card{background:linear-gradient(160deg,hsla(0,0%,100%,.1),hsla(0,0%,100%,.03));border:1px solid hsla(0,0%,100%,.14);border-radius:14px;padding:14px 16px;backdrop-filter:blur(10px);box-shadow:0 18px 40px -20px rgba(0,0,0,.6)}.hb-card.main{border-color:rgba(95,224,255,.55);box-shadow:0 0 0 1px rgba(95,224,255,.15),0 20px 50px -18px rgba(40,180,230,.45)}.hb-card h4{margin:0 0 10px;font-size:15px;font-weight:600;display:flex;align-items:center;gap:8px;color:#fff}.hb-mark{width:20px;height:20px;border-radius:6px;display:grid;place-items:center;font-size:11px;font-weight:700;color:#06141f;background:#b8c7d3}.hb-card.main .hb-mark{background:#5fe0ff}.hb-row{display:flex;justify-content:space-between;align-items:center;font-size:12.5px;color:#bcd3e2;padding:6px 0;border-top:1px solid hsla(0,0%,100%,.07)}.hb-ring{width:9px;height:9px;border-radius:50%;border:1.5px solid hsla(0,0%,100%,.28)}.hb-card.main .hb-ring{border-color:#5fe0ff;box-shadow:0 0 8px rgba(95,224,255,.6)}.hb-pips{display:flex;gap:3px}.hb-pips b{width:14px;height:5px;border-radius:3px;background:hsla(0,0%,100%,.14)}.hb-pips b.on{background:#9fb4c4}.hb-card.main .hb-pips b.on{background:#5fe0ff;box-shadow:0 0 8px rgba(95,224,255,.7)}.hb-badge{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;font-size:13px;font-weight:700;color:#06141f;background:linear-gradient(140deg,#9cefff,#35b8e0);box-shadow:0 0 0 6px rgba(95,224,255,.12),0 0 28px rgba(95,224,255,.55)}.hb-stat{text-align:right}.hb-big{font-size:clamp(44px,7vw,72px);font-weight:700;letter-spacing:-.03em;color:#fff;line-height:1}.hb-sub{font-size:13px;color:#8fb2c6;margin-top:8px}.hb-steps{display:flex;flex-direction:column;gap:8px;width:min(320px,60%)}.hb-step{display:flex;align-items:center;gap:10px;font-size:13px;color:#bcd3e2;padding:9px 12px;border-radius:10px;background:hsla(0,0%,100%,.06);border:1px solid hsla(0,0%,100%,.1)}.hb-step span{width:18px;height:18px;border-radius:50%;display:grid;place-items:center;font-size:10px;background:hsla(0,0%,100%,.12)}.hb-step.hot{border-color:rgba(95,224,255,.6);color:#fff;background:rgba(40,160,210,.18)}.hb-step.hot span{background:#5fe0ff;color:#06141f;font-weight:700}.hb-tags{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end;max-width:50%}.hb-tags em{font-style:normal;font-size:12.5px;padding:7px 12px;border-radius:999px;border:1px solid hsla(0,0%,100%,.16);color:#cfe3ef;background:hsla(0,0%,100%,.05)}.hb-tags em.hot{border-color:rgba(95,224,255,.6);color:#fff;background:rgba(40,160,210,.2)}@media (max-width:640px){.hb{aspect-ratio:auto}.hb-vs{grid-template-columns:1fr}.hb-badge{margin:0 auto}.hb-body,.hb-tags{justify-content:center}.hb-tags{max-width:100%}.hb-steps{width:100%}}