.hjp{position:relative;overflow:hidden;border:1px solid var(--line-2);border-radius:18px;background:#172139;box-shadow:0 40px 90px -50px #000;padding:23px;color:#fff}.hjp:before{content:"";position:absolute;inset:-60% -20% auto auto;width:380px;height:380px;border-radius:50%;background:radial-gradient(circle,rgba(201,162,75,.12),transparent 67%);pointer-events:none}.hjp-topline{position:relative;display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid var(--line-2);padding-bottom:21px}.hjp-topline-mark{display:inline-flex;align-items:center;gap:9px;color:#fff;font-family:var(--font-display),sans-serif;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;line-height:1.35}.hjp-topline-mark svg{color:var(--accent-soft);flex:none}.hjp-live{font-family:var(--font-mono),monospace;font-size:9px;letter-spacing:.12em;color:#fff;white-space:nowrap}.hjp-question{display:flex;align-items:center;gap:14px;padding:28px 0 25px}.hjp-avatar{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#42577a;color:#fff;font-family:var(--font-display),sans-serif;font-size:16px;font-weight:800;flex:none}.hjp-question small{font-family:var(--font-mono),monospace;font-size:9px;letter-spacing:.15em;color:var(--accent-soft)}.hjp-question p{font-family:var(--font-display),sans-serif;font-size:clamp(20px,2vw,25px);font-weight:700;line-height:1.2;margin-top:5px}.hjp-track{height:3px;background:hsla(0,0%,100%,.14);border-radius:99px;overflow:hidden}.hjp-track span{display:block;height:100%;background:var(--accent);border-radius:99px;box-shadow:0 0 16px rgba(201,162,75,.65);transition:width .6s var(--ease-out)}.hjp-steps{display:grid;gap:8px;padding:21px 0}.hjp-step{display:flex;align-items:center;gap:14px;border:1px solid transparent;border-radius:10px;padding:12px 13px;transition:background .45s ease,border-color .45s ease,transform .45s var(--ease-out)}.hjp-step.is-active{background:rgba(201,162,75,.12);border-color:rgba(201,162,75,.48);transform:translateX(4px)}.hjp-step-icon{width:38px;height:38px;border-radius:9px;background:#263550;display:grid;place-items:center;color:#fff;flex:none;transition:background .45s ease,color .45s ease}.hjp-step.is-active .hjp-step-icon{background:var(--accent);color:var(--accent-ink)}.hjp-step.is-done .hjp-step-icon{background:rgba(52,211,153,.18);color:var(--success)}.hjp-step span{display:block;font-family:var(--font-display),sans-serif;font-size:13px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:#fff}.hjp-step p{font-size:12px;line-height:1.45;color:#fff;margin-top:5px}.hjp-result{display:flex;align-items:center;gap:12px;border-top:1px solid var(--line-2);padding:19px 1px 0;color:var(--success)}.hjp-result>svg{flex:none}.hjp-result div{display:flex;gap:5px;flex-wrap:wrap;font-size:12px;color:#fff}.hjp-result strong{font-weight:700}@media(max-width:560px){.hjp{padding:18px}.hjp-live{display:none}.hjp-question{padding:24px 0 21px}.hjp-step{padding:10px}.hjp-step.is-active{transform:none}}@media(prefers-reduced-motion:reduce){.hjp-step,.hjp-step-icon,.hjp-track span{transition:none}}