.cat-hero{background:linear-gradient(135deg,var(--primary-900) 0,var(--bg-dark) 60%,var(--bg-dark-secondary) 100%);padding:var(--space-16) 0 var(--space-12);overflow:hidden;position:relative}.cat-hero::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 80% 60% at 60% 50%,rgba(99,102,241,.15) 0,transparent 70%);pointer-events:none}.cat-hero-inner{max-width:1280px;margin:0 auto;padding:0 var(--space-6);display:grid;grid-template-columns:1fr 1fr;gap:var(--space-12);align-items:center}.cat-hero-eyebrow{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--primary-300);margin-bottom:var(--space-5)}.cat-hero-back{color:var(--primary-300);text-decoration:none;display:flex;align-items:center;gap:var(--space-1);transition:color .15s}.cat-hero-back:hover{color:#fff}.cat-hero-sep{color:var(--primary-700)}.cat-hero-title-row{display:flex;align-items:center;gap:var(--space-4);margin-bottom:var(--space-4)}.cat-hero-icon-badge{width:52px;height:52px;border-radius:var(--radius-xl);background:rgba(99,102,241,.2);border:1px solid rgba(99,102,241,.3);display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:1.5rem;color:var(--primary-300)}.cat-hero-icon-badge img{width:28px;height:28px;filter:brightness(0) invert(.6) sepia(1) saturate(3) hue-rotate(210deg)}.cat-hero-title{font-size:var(--text-4xl);font-weight:800;color:#fff;line-height:1.15;letter-spacing:-.02em;margin:0}.cat-hero-desc{font-size:var(--text-lg);color:var(--primary-200);line-height:1.65;margin:0 0 var(--space-6);max-width:520px}.cat-hero-meta{display:flex;flex-wrap:wrap;gap:var(--space-4);margin-bottom:var(--space-8)}.cat-hero-stat{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--primary-300);background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full)}.cat-hero-stat i{font-size:.8em;opacity:.8}.cat-hero-actions{display:flex;gap:var(--space-3)}.cat-hero-actions .btn-primary{display:inline-flex;align-items:center;gap:var(--space-2)}.cat-hero-preview{position:relative;overflow:hidden;border-radius:var(--radius-xl);background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.07);padding:var(--space-6);-webkit-mask-image:radial-gradient(ellipse 90% 85% at 50% 50%,black 50%,transparent 100%);mask-image:radial-gradient(ellipse 90% 85% at 50% 50%,black 50%,transparent 100%)}.cat-hero-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-4)}.cat-hero-cell{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-4) var(--space-2);border-radius:var(--radius-lg);text-decoration:none;color:rgba(255,255,255,.6);font-size:1.6rem;transition:color .2s,background .2s}.cat-hero-cell:nth-child(odd){color:rgba(165,180,252,.5)}.cat-hero-cell:hover{color:#fff;background:rgba(99,102,241,.15)}.cat-hero-cell span{font-size:.65rem;color:rgba(255,255,255,.3);text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:90%;letter-spacing:.01em}.cat-hero-cell:hover span{color:rgba(255,255,255,.6)}.icons-page--category{border-top:1px solid var(--border)}@media (max-width:900px){.cat-hero-inner{grid-template-columns:1fr}.cat-hero-preview{display:none}.cat-hero-title{font-size:var(--text-3xl)}}@media (max-width:600px){.cat-hero{padding:var(--space-10) 0 var(--space-8)}.cat-hero-title{font-size:var(--text-2xl)}.cat-hero-desc{font-size:var(--text-base)}}