@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800;900&family=JetBrains+Mono:wght@500;700&display=swap";
.cat-page{--void:#f8fafc;--surf:#fff;--elev:#f1f5f9;--border:#e2e8f0;--brand:#0d9488;--brand-l:#14b8a6;--brand-d:#0f766e;--brand-dim:#0d948814;--accent:#f97316;--accent-dim:#f9731614;--coral:#dc2626;--coral-dim:#dc262614;--text:#0f172a;--off:#475569;--muted:#94a3b8;background:var(--void);min-height:100vh;color:var(--text);font-family:Plus Jakarta Sans,-apple-system,sans-serif;overflow:hidden}*,:before,:after{box-sizing:border-box}.cat-page ::selection{background:var(--brand-dim);color:var(--brand)}@keyframes catFadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.cat-hero{margin-bottom:0;padding:32px 0 40px;position:relative;overflow:hidden}.cat-hero-bg{background:linear-gradient(135deg, var(--cat-color,var(--brand)) 0%, color-mix(in srgb, var(--cat-color,var(--brand)) 80%, black) 100%);z-index:0;position:absolute;inset:0}.cat-hero-decor{color:#ffffff1a;z-index:1;pointer-events:none;position:absolute;bottom:-50px;right:-30px}.cat-hero-inner{z-index:2;max-width:1440px;margin:0 auto;padding:0 clamp(20px,4vw,40px);position:relative}.cat-breadcrumb{flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:24px;font-size:12px;display:flex}.cat-breadcrumb-item{align-items:center;gap:6px;display:inline-flex}.cat-breadcrumb a{color:#ffffffbf;text-decoration:none;transition:color .15s}.cat-breadcrumb a:hover{color:#fff}.cat-breadcrumb-sep{color:#fff6}.cat-breadcrumb-cur{color:#fff;font-weight:700}.cat-hero-title-row{align-items:center;gap:18px;display:flex}.cat-hero-icon-badge{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;background:#ffffff2e;border:1.5px solid #ffffff47;border-radius:20px;flex-shrink:0;justify-content:center;align-items:center;width:64px;height:64px;display:flex;box-shadow:0 8px 24px #00000026}.cat-hero-title{color:#fff;letter-spacing:-.6px;text-shadow:0 2px 12px #00000026;margin-bottom:6px;font-size:clamp(28px,4vw,38px);font-weight:900;line-height:1.1}.cat-hero-sub{color:#ffffffd9;font-size:14px;font-weight:500}@media (max-width:640px){.cat-hero{padding:24px 0 32px}.cat-hero-icon-badge{border-radius:16px;width:52px;height:52px}.cat-hero-title-row{gap:14px}}.cat-toolbar{background:var(--surf);border-bottom:1px solid var(--border);z-index:50;position:sticky;top:0;box-shadow:0 1px 3px #0f172a0a}.cat-toolbar-inner{flex-wrap:wrap;align-items:center;gap:10px;max-width:1440px;margin:0 auto;padding:14px clamp(20px,4vw,40px);display:flex}.cat-search-form{background:var(--elev);border:1.5px solid var(--border);border-radius:12px;flex:1;align-items:center;min-width:240px;height:44px;transition:border-color .22s,box-shadow .22s,background .22s;display:flex;overflow:hidden}.cat-search-form:focus-within{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-dim);background:var(--surf)}.cat-search-icon-wrap{color:var(--muted);pointer-events:none;flex-shrink:0;align-items:center;padding:0 4px 0 14px;transition:color .2s;display:flex}.cat-search-form:focus-within .cat-search-icon-wrap{color:var(--brand-l)}.cat-search-input{color:var(--text);background:0 0;border:none;outline:none;flex:1;min-width:0;height:100%;padding:10px 8px;font-family:Plus Jakarta Sans,sans-serif;font-size:14px}.cat-search-input::placeholder{color:var(--muted)}.cat-search-clear{cursor:pointer;color:var(--muted);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:0 8px;transition:color .15s;display:flex}.cat-search-clear:hover{color:var(--coral)}.cat-search-btn{background:var(--brand);cursor:pointer;color:#fff;border:none;flex-shrink:0;justify-content:center;align-items:center;height:100%;padding:0 20px;font-family:Plus Jakarta Sans,sans-serif;font-size:13.5px;font-weight:700;transition:background .2s;display:flex}.cat-search-btn:hover{background:var(--brand-d)}@media (max-width:640px){.cat-search-btn{padding:0 14px}}.cat-select-wrap{flex-shrink:0;position:relative}.cat-select-icon{color:var(--muted);pointer-events:none;align-items:center;display:flex;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.cat-select-chevron{color:var(--muted);pointer-events:none;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.cat-select{background:var(--elev);border:1.5px solid var(--border);color:var(--text);cursor:pointer;appearance:none;border-radius:10px;outline:none;height:44px;padding:10px 32px 10px 34px;font-family:Plus Jakarta Sans,sans-serif;font-size:13px;font-weight:600;transition:border-color .2s,box-shadow .2s,background .2s}.cat-select:hover,.cat-select:focus{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-dim);background:var(--surf)}.cat-select option{background:var(--surf)}@media (max-width:640px){.cat-select-wrap{flex:1;min-width:140px}.cat-select{width:100%}}.cat-subcat-strip{border-top:1px solid var(--border);background:var(--surf);overflow:hidden}.cat-subcat-scroll{scrollbar-width:none;-ms-overflow-style:none;gap:8px;max-width:1440px;margin:0 auto;padding:12px clamp(20px,4vw,40px);display:flex;overflow-x:auto}.cat-subcat-scroll::-webkit-scrollbar{display:none}.cat-subcat-chip{background:var(--surf);border:1.5px solid var(--border);color:var(--off);cursor:pointer;white-space:nowrap;border-radius:22px;flex-shrink:0;padding:9px 16px;font-family:Plus Jakarta Sans,sans-serif;font-size:13px;font-weight:600;transition:all .18s}.cat-subcat-chip:hover{border-color:var(--brand);color:var(--brand)}.cat-subcat-chip.active{background:var(--brand);border-color:var(--brand);color:#fff;font-weight:700}.cat-active-filters{border-top:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:8px;max-width:1440px;margin:0 auto;padding:12px clamp(20px,4vw,40px);animation:.2s forwards catFadeUp;display:flex}.cat-filter-pill{color:var(--brand);background:var(--brand-dim);border:1px solid #0d948840;border-radius:20px;align-items:center;gap:6px;padding:5px 10px 5px 12px;font-size:12px;font-weight:600;display:inline-flex}.cat-filter-pill-x{cursor:pointer;color:var(--brand);background:0 0;border:none;align-items:center;padding:0;transition:color .15s;display:flex}.cat-filter-pill-x:hover{color:var(--coral)}.cat-clear-all{cursor:pointer;color:var(--muted);text-underline-offset:2px;background:0 0;border:none;padding:5px 4px;font-size:12px;font-weight:700;text-decoration:underline;transition:color .15s}.cat-clear-all:hover{color:var(--coral)}.cat-main{max-width:1440px;min-height:60vh;margin:0 auto;padding:28px clamp(20px,4vw,40px) 80px}.cat-result-meta{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:20px;display:flex}.cat-result-title{color:var(--text);letter-spacing:-.3px;margin:0;font-size:18px;font-weight:800}.cat-result-count{color:var(--muted);font-family:JetBrains Mono,monospace;font-size:12.5px;font-weight:600}.cat-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:18px;display:grid}@media (max-width:640px){.cat-grid{grid-template-columns:repeat(2,1fr);gap:10px}}.cat-empty{text-align:center;color:var(--muted);background:var(--surf);border:1px dashed var(--border);border-radius:16px;flex-direction:column;justify-content:center;align-items:center;padding:80px 20px;display:flex}.cat-empty-icon{background:var(--brand-dim);width:76px;height:76px;color:var(--brand);border-radius:50%;justify-content:center;align-items:center;margin-bottom:16px;display:flex}.cat-empty h3{color:var(--off);margin-bottom:6px;font-size:16px;font-weight:700}.cat-empty p{margin-bottom:18px;font-size:13.5px;line-height:1.6}.cat-empty-reset{background:var(--brand);color:#fff;cursor:pointer;border:none;border-radius:10px;padding:10px 20px;font-size:13px;font-weight:700;transition:background .18s}.cat-empty-reset:hover{background:var(--brand-d)}