.hero-bond-card{border-radius:var(--radius-md);padding:var(--space-5);min-height:160px;transition:transform var(--transition-base),box-shadow var(--transition-base);border:1px solid #0000;position:relative;overflow:hidden}.hero-bond-card:hover{box-shadow:var(--card-shadow-hover);transform:translateY(-4px)}.hbc-blue{background:linear-gradient(135deg,var(--primary)0%,var(--color-sub-card)100%);border-color:var(--primary-bg)}.hbc-peach{background:linear-gradient(135deg,var(--warning)0%,var(--color-sub-card)100%);border-color:var(--warning-bg)}.hbc-green{background:linear-gradient(135deg,var(--success)0%,var(--color-sub-card)100%);border-color:var(--success-bg)}.hbc-illus{right:var(--space-4);bottom:var(--space-3);border-radius:var(--radius-base);opacity:.85;justify-content:center;align-items:center;width:72px;height:72px;display:flex;position:absolute}.hbc-blue .hbc-illus{background:var(--primary-bg);color:var(--color-primary)}.hbc-peach .hbc-illus{background:var(--warning-bg);color:var(--warning)}.hbc-green .hbc-illus{background:var(--success-bg);color:var(--success)}.hbc-btn{align-items:center;gap:var(--space-2);padding:var(--space-2)var(--space-4);background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-full);font-size:var(--font-xs);font-weight:var(--font-semibold);color:var(--color-black);cursor:pointer;transition:all var(--transition-fast);display:inline-flex;box-shadow:0 1px 4px #0000000f}.card-accent-bar{background:linear-gradient(90deg,var(--color-primary)0%,var(--color-primary-light)100%);height:3px}.cat-icon{border-radius:var(--radius-base);flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;font-size:1.4rem;display:flex}.ci-blue{background:var(--primary-bg);color:var(--color-primary)}.ci-green{background:var(--success-bg);color:var(--success)}.ci-purple{background:var(--info-bg);color:var(--info)}.ci-amber{background:var(--warning-bg);color:var(--warning)}.ci-sky{background:var(--sky-bg);color:var(--sky)}.ci-rose{background:var(--error-bg);color:var(--error)}