.category-hero{padding:60px 24px 52px;background:var(--surface);border-top:1px solid var(--rule)}.category-hero .container-wide{max-width:var(--wide);margin:0 auto}.category-hero__label{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-sans);font-size:10px;font-weight:700;letter-spacing:.26em;text-transform:uppercase;margin-bottom:18px;padding:5px 14px;border-radius:var(--radius-xl);border:1px solid}.category-hero__title{font-family:var(--font-display);font-size:clamp(28px,4vw,48px);font-weight:800;color:var(--ink);letter-spacing:-.03em;line-height:1.1;margin-bottom:12px}.category-hero__desc{font-family:var(--font-sans);font-size:16px;color:var(--muted);max-width:560px;line-height:1.7;font-weight:300;margin-bottom:10px}.category-hero__count{font-family:var(--font-sans);font-size:12px;color:var(--faint);letter-spacing:.05em}.cat-hero-pattern{position:absolute;inset:0;pointer-events:none;overflow:hidden}.cat-hero-pattern:before{content:"";position:absolute;inset:-50%;width:200%;height:200%;background-image:radial-gradient(circle,currentColor 1px,#0000 0);background-size:28px 28px;opacity:.04;animation:pattern-drift 20s linear infinite}@keyframes pattern-drift{0%{transform:translate(0)}to{transform:translate(28px,28px)}}.cat-stat-row{justify-content:center;gap:16px;flex-wrap:wrap;margin-top:24px}.cat-stat,.cat-stat-row{display:flex;align-items:center}.cat-stat{gap:8px;font-family:var(--font-sans);font-size:13px;font-weight:600;color:#ffffff8c}.cat-stat strong{font-weight:800;color:#fff;font-size:16px}.cat-subscribe-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 22px;border-radius:99px;font-family:var(--font-sans);font-size:14px;font-weight:700;text-decoration:none;cursor:pointer;border:none;color:#fff;background:var(--cat-gradient,linear-gradient(135deg,var(--primary),var(--primary-lt)));box-shadow:0 4px 20px var(--cat-glow,#5355e866);transition:all .22s cubic-bezier(.22,.68,0,1.15)}.cat-subscribe-btn:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 8px 28px var(--cat-glow,#5355e88c);color:#fff}.cat-content-bg{background:var(--bg-soft);padding-top:64px;padding-bottom:96px;min-height:60vh}.cat-section-rule{display:flex;align-items:center;gap:12px;margin-bottom:24px}.cat-section-rule__line{flex:1;height:1px;background:var(--rule)}.cat-section-rule__label{font-family:var(--font-sans);font-size:10px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--faint)}.cat-section-rule__count{font-family:var(--font-sans);font-size:11px;color:var(--faint)}.cat-pagination{display:flex;gap:6px;margin-top:64px}.cat-page-btn,.cat-pagination{align-items:center;justify-content:center}.cat-page-btn{display:inline-flex;min-width:36px;height:36px;padding:0 14px;font-family:var(--font-sans);font-size:13px;font-weight:500;color:var(--ink-2);background:var(--paper);border:1px solid var(--rule);border-radius:8px;text-decoration:none;transition:border-color .15s,color .15s}.cat-page-btn:hover{color:var(--ink);border-color:var(--muted)}.cat-page-btn--active{color:#fff!important;border-color:#0000}.cat-empty{text-align:center;padding:128px 0}.cat-empty__icon{display:inline-flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:16px;margin-bottom:20px}.cat-empty__title{font-family:var(--font-display);font-size:22px;font-weight:700;color:var(--ink);margin-bottom:10px}.cat-empty__desc{font-family:var(--font-sans);font-size:14px;color:var(--muted);max-width:320px;margin:0 auto 32px}.cat-back-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;background:var(--primary);color:#fff;font-family:var(--font-sans);font-size:13px;font-weight:600;border-radius:10px;text-decoration:none;transition:opacity .15s}.cat-back-btn:hover{opacity:.85}