.htb-section{scroll-margin-top:90px}
.htb-panel{position:relative;overflow:hidden;margin-top:26px;padding:28px;border:1px solid color-mix(in srgb,#9fef00 34%,var(--line));border-radius:22px;background:linear-gradient(135deg,color-mix(in srgb,#9fef00 7%,var(--panel)),var(--panel) 52%,color-mix(in srgb,var(--blue) 6%,var(--panel)));box-shadow:0 24px 70px #00000026}
.htb-panel:before{content:"";position:absolute;inset:-160px auto auto -120px;width:320px;height:320px;border-radius:50%;background:#9fef0010;filter:blur(8px);pointer-events:none}
.htb-profile{position:relative;display:grid;grid-template-columns:116px 1fr;gap:24px;align-items:center}
.htb-avatar-wrap{position:relative;width:116px;height:116px}
.htb-avatar{display:block;width:116px;height:116px;object-fit:cover;border:2px solid #9fef00;border-radius:24px;background:#fff;box-shadow:0 0 0 6px #9fef0014,0 16px 35px #0005}
.htb-online{position:absolute;right:-3px;bottom:10px;width:18px;height:18px;border:4px solid var(--panel);border-radius:50%;background:#9fef00;box-shadow:0 0 18px #9fef00aa}
.htb-identity h2{margin:4px 0 2px;font-size:clamp(27px,4vw,38px)}
.htb-kicker{color:#9fef00;font:700 12px ui-monospace,monospace;letter-spacing:.15em;text-transform:uppercase}
.htb-handle{margin:2px 0 10px;color:var(--text);font:700 15px ui-monospace,monospace}
.htb-handle span{display:inline-flex;margin-left:8px;padding:3px 8px;border:1px solid var(--line);border-radius:999px;color:var(--muted);font-size:11px}
.htb-copy{max-width:710px;margin:0;color:var(--muted)}
.htb-cta{display:inline-flex;align-items:center;gap:8px;margin-top:15px;padding:9px 14px;border:1px solid #9fef0066;border-radius:10px;background:#9fef0010;color:#9fef00;font-weight:800;transition:transform .2s ease,background .2s ease,box-shadow .2s ease}
.htb-cta:hover{transform:translateY(-2px);background:#9fef001b;box-shadow:0 10px 25px #9fef0014}
.htb-badges{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:11px;margin-top:25px;padding-top:22px;border-top:1px solid var(--line)}
.htb-badge{display:grid;grid-template-columns:44px 1fr;gap:11px;align-items:center;min-width:0;padding:13px;border:1px solid var(--line);border-radius:13px;background:color-mix(in srgb,var(--panel) 88%,transparent);transition:border-color .2s ease,transform .2s ease}
.htb-badge:hover{transform:translateY(-2px);border-color:#9fef0055}
.htb-badge-icon{display:grid;place-items:center;width:44px;height:44px;border:1px solid #9fef0044;border-radius:11px;background:#9fef000f;color:#9fef00;font:800 11px ui-monospace,monospace}
.htb-badge b,.htb-badge small{display:block;overflow:hidden;text-overflow:ellipsis}
.htb-badge b{color:var(--text);font-size:13px;line-height:1.3;white-space:nowrap}
.htb-badge small{margin-top:3px;color:var(--muted);font-size:11px;line-height:1.3}
html[data-theme="light"] .htb-panel{border-color:#75ad12;background:linear-gradient(135deg,#f5fde8,#fff 55%,#f3f8ff);box-shadow:0 20px 50px #33415517}
html[data-theme="light"] .htb-cta{border-color:#588d00;background:#effbdc;color:#385d00}
html[data-theme="light"] .htb-kicker,html[data-theme="light"] .htb-badge-icon{color:#426e00}
html[data-theme="light"] .htb-badge{background:#ffffffcc}
html[data-theme="light"] .htb-avatar{border-color:#75ad12}
html[data-theme="light"] .htb-online{border-color:#fff;background:#75ad12}
@media(max-width:820px){.htb-badges{grid-template-columns:repeat(2,1fr)}}
@media(max-width:580px){.htb-panel{padding:21px}.htb-profile{grid-template-columns:76px 1fr;gap:16px;align-items:start}.htb-avatar-wrap,.htb-avatar{width:76px;height:76px}.htb-avatar{border-radius:18px}.htb-online{width:15px;height:15px;right:-2px;bottom:5px}.htb-identity h2{font-size:25px}.htb-copy,.htb-cta{grid-column:1/-1}.htb-badges{grid-template-columns:1fr}.htb-badge b{white-space:normal}}
@media(prefers-reduced-motion:reduce){.htb-cta,.htb-badge{transition:none}}