.categories-hero{background:linear-gradient(135deg, hsl(var(--primary)) 0%, hsl(var(--secondary)) 100%);padding:3.5rem 0 3rem;position:relative;overflow:hidden}.categories-hero:before{content:"";pointer-events:none;background:radial-gradient(circle at 20% 80%,#ffffff1f 0%,#0000 50%),radial-gradient(circle at 80% 20%,#ffffff14 0%,#0000 40%);position:absolute;inset:0}.categories-hero-inner{z-index:1;text-align:center;position:relative}.categories-breadcrumb{color:#ffffffbf;flex-wrap:wrap;justify-content:center;align-items:center;gap:.35rem;margin:0 0 1.25rem;font-size:.8125rem;display:flex}.categories-breadcrumb a{color:#ffffffe6;text-decoration:none;transition:color .15s}.categories-breadcrumb a:hover{color:#fff;text-decoration:underline}.categories-hero-title{color:#fff;letter-spacing:-.03em;margin:0 0 .75rem;font-size:clamp(2rem,4vw,2.75rem);font-weight:900}.categories-hero-subtitle{color:#ffffffe0;max-width:560px;margin:0 auto;font-size:clamp(1rem,2vw,1.125rem);line-height:1.65}.categories-stats{flex-wrap:wrap;justify-content:center;gap:.75rem;margin-top:1.75rem;display:flex}.categories-stat{border-radius:var(--radius-full);color:#fff;background:#ffffff1f;border:1px solid #ffffff38;align-items:center;gap:.4rem;padding:.45rem .9rem;font-size:.8125rem;font-weight:600;display:inline-flex}.categories-grid{grid-template-columns:1fr;gap:1rem;display:grid}@media (min-width:640px){.categories-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.categories-grid{grid-template-columns:repeat(3,1fr)}}.categories-card{border:1.5px solid hsl(var(--card-border));border-radius:calc(var(--radius) + 2px);background:hsl(var(--card));flex-direction:column;gap:.875rem;height:100%;padding:1.35rem;transition:border-color .2s,box-shadow .2s,transform .2s;display:flex}.categories-card:hover{border-color:hsl(var(--primary) / .45);box-shadow:var(--shadow);transform:translateY(-2px)}.categories-card-head{align-items:flex-start;gap:.875rem;display:flex}.categories-card-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.categories-card-title-wrap{flex:1;min-width:0}.categories-card-title{color:hsl(var(--text));margin:0 0 .25rem;font-size:1.0625rem;font-weight:800;line-height:1.3;text-decoration:none;transition:color .15s;display:block}.categories-card-title:hover{color:hsl(var(--primary))}.categories-card-desc{color:hsl(var(--text-muted));margin:0;font-size:.8125rem;line-height:1.5}.categories-card-meta{align-items:center;gap:.5rem;margin-top:.35rem;display:flex}.categories-count{border-radius:var(--radius-full);background:hsl(var(--primary) / .08);color:hsl(var(--primary));align-items:center;gap:.25rem;padding:.15rem .55rem;font-size:.75rem;font-weight:700;display:inline-flex}.categories-subcount{color:hsl(var(--text-muted));font-size:.75rem}.categories-subs{flex-wrap:wrap;gap:.4rem;margin:0;padding:0;list-style:none;display:flex}.categories-sub-pill{border-radius:var(--radius-full);border:1px solid hsl(var(--card-border));background:hsl(var(--bg-soft));color:hsl(var(--text));align-items:center;gap:.25rem;padding:.3rem .65rem;font-size:.75rem;font-weight:500;text-decoration:none;transition:border-color .15s,background .15s,color .15s;display:inline-flex}.categories-sub-pill:hover{border-color:hsl(var(--primary) / .45);background:hsl(var(--primary) / .06);color:hsl(var(--primary))}.categories-sub-pill-count{color:hsl(var(--text-muted));font-size:.6875rem}.categories-view-all{color:hsl(var(--primary));align-items:center;gap:.35rem;margin-top:auto;padding-top:.25rem;font-size:.8125rem;font-weight:700;text-decoration:none;display:inline-flex}.categories-view-all:hover{text-decoration:underline}.categories-empty{text-align:center;color:hsl(var(--text-muted));padding:3rem 1.5rem}