.hb-dark{--hb-bg: var(--surface-page, #05050a);--hb-bg-soft: var(--bg-secondary, #0a0a12);--hb-surface: var(--bg-card, #0d0d16);--hb-surface-2: var(--surface-alt, #12121d);--hb-border: var(--border-color, rgba(255, 255, 255, .08));--hb-border-strong: var(--border-muted, rgba(255, 255, 255, .14));--hb-text: var(--text-primary, #f5f5f7);--hb-text-muted: var(--text-secondary, #9ca3af);--hb-text-dim: var(--text-muted, #6b7280);--hb-indigo: var(--primary, #6366f1);--hb-sky: var(--accent, #0ea5e9);--hb-accent: var(--primary, #6366f1);--hb-accent-line: var(--logo-gradient, linear-gradient(90deg, #6366f1, #0ea5e9));--hb-accent-soft: var(--primary-soft, rgba(99, 102, 241, .15));--hb-glow: var(--fx-glow, rgba(79, 140, 247, .5));--hb-grid-line: var(--surface-tint, rgba(255, 255, 255, .045));--hb-grid-size: 42px}.hb-dark .hb-hl{background:var(--hb-accent-line);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.hb-section{position:relative;background:var(--hb-bg);color:var(--hb-text);overflow:hidden}.hb-section:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to right,var(--hb-grid-line) 1px,transparent 1px) 0 0 / var(--hb-grid-size) var(--hb-grid-size),linear-gradient(to bottom,var(--hb-grid-line) 1px,transparent 1px) 0 0 / var(--hb-grid-size) var(--hb-grid-size);-webkit-mask-image:radial-gradient(ellipse 80% 60% at 50% 40%,#000 30%,transparent 100%);mask-image:radial-gradient(ellipse 80% 60% at 50% 40%,#000 30%,transparent 100%);pointer-events:none}.hb-section>*{position:relative;z-index:1}