:root{--teal:#00A8A8;--teal-100:#E6F6F6;--teal-300:#90D8D8;--charcoal:#3C4246;--ink:#23292D;--line:#EEF2F6;--white:#FFF;--orange:#F09000;--orange-300:#FFC566}
.hps-overlay{position:fixed;inset:0;display:none;align-items:center;justify-content:center;background:linear-gradient(180deg,rgba(0,168,168,.12),rgba(0,0,0,.2)),radial-gradient(80% 80% at 50% 10%,rgba(255,255,255,.15),transparent 60%);backdrop-filter:blur(8px) saturate(110%);-webkit-backdrop-filter:blur(8px) saturate(110%);z-index:9999}
.hps-overlay[aria-hidden="false"]{display:flex}
.hps-card{width:min(620px,92vw);background:radial-gradient(120% 80% at 50% 0%,rgba(0,168,168,.06),rgba(255,255,255,0) 60%),#fff;border-radius:20px;box-shadow:0 10px 40px rgba(13,23,38,.16);padding:24px 26px;text-align:center;position:relative}
.hps-card::before{content:"";position:absolute;left:18px;right:18px;top:16px;height:4px;border-radius:999px;background:linear-gradient(90deg,var(--teal),var(--teal-300));opacity:.95}
@media (prefers-color-scheme:light){.hps-card{border:1px solid #F2F4F7}}
.hps-logo{height:34px;width:auto;display:block;margin:14px auto 10px}
.hps-title{font:700 22px/1.25 system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:var(--ink);margin:4px 0 14px}
.hps-progress{height:4px;background:#F5F7FA;border-radius:999px;overflow:hidden;margin:6px 0 10px}
.hps-bar{height:100%;width:32%;background:linear-gradient(90deg,var(--teal),var(--teal-300));animation:hps-sweep 1.35s ease-in-out infinite}
@keyframes hps-sweep{0%{transform:translateX(-60%)}50%{transform:translateX(10%)}100%{transform:translateX(120%)}}
.hps-steps{list-style:none;padding:0;margin:6px 0 0;text-align:left}
.hps-steps li{display:flex;gap:12px;align-items:center;padding:14px 4px;border-bottom:1px solid var(--line);color:var(--charcoal);opacity:0;transform:translateY(4px);animation:hps-rise .45s forwards}
.hps-steps li:last-child{border-bottom:0}
.hps-steps li:nth-child(1){animation-delay:.08s}
.hps-steps li:nth-child(2){animation-delay:.22s}
.hps-steps li:nth-child(3){animation-delay:.36s}
@keyframes hps-rise{to{opacity:1;transform:translateY(0)}}
.hps-dot{width:8px;height:8px;border-radius:999px;background:var(--teal);flex:0 0 auto}
.hps--teal .hps-card{background:radial-gradient(120% 80% at 50% 0%,rgba(0,168,168,.06),rgba(255,255,255,0) 60%),#fff}
.hps--teal .hps-card::before,.hps--teal .hps-bar{background:linear-gradient(90deg,var(--teal),var(--teal-300))}
.hps--teal .hps-dot{background:var(--teal)}
.hps--orange .hps-card{background:linear-gradient(180deg,#FFF7E9 0%,#fff 60%)}
.hps--orange .hps-card::before,.hps--orange .hps-bar{background:linear-gradient(90deg,var(--orange),var(--orange-300))}
.hps--orange .hps-dot{background:var(--orange)}
.hps--split .hps-card{background:linear-gradient(135deg,#F6FCFC 0%,#fff 55%,#FFF7E9 100%)}
.hps--split .hps-card::before{background:linear-gradient(90deg,var(--orange),var(--orange-300))}
.hps--split .hps-bar{background:linear-gradient(90deg,var(--teal),var(--teal-300))}
.hps--split .hps-dot{background:var(--teal)}
.hps-hide{display:none!important}
.hps-show{display:flex!important}