:root{--cat-bg:#f8fafc;--cat-card:#ffffff;--cat-border:#e5e7eb;--cat-text:#1f2937;--cat-muted:#6b7280;--cat-accent:#1bd4a6;--cat-shadow:0 6px 20px rgba(0,0,0,0.06)}body{background:var(--cat-bg)}.categories-page{min-height:70vh}.cat-header .big-letter{width:64px;height:64px;display:grid;place-items:center;border-radius:16px;background:var(--cat-card);border:1px solid var(--cat-border);box-shadow:var(--cat-shadow);font-weight:800;font-size:28px;color:var(--cat-text)}.cat-header .d-flex.align-items-center.gap-3{gap:2rem}.cat-title{font-size:1.5rem;font-weight:700;color:var(--cat-text)}.cat-subtitle{color:var(--cat-muted)}.alphabet-list{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:.5rem}.alphabet-link{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:10px;background:var(--cat-card);border:1px solid var(--cat-border);text-decoration:none;color:var(--cat-text);font-weight:600;transition:transform .12s ease,box-shadow .12s ease,border-color .12s ease}.alphabet-link:hover{transform:translateY(-1px);box-shadow:var(--cat-shadow)}.alphabet-link.active{border-color:var(--cat-accent);box-shadow:0 0 0 3px rgba(27,212,166,.15)}.category-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:14px}@media (min-width:1200px){.category-grid{grid-template-columns:repeat(12,1fr)}.category-card{grid-column:span 3}}@media (min-width:768px) and (max-width:1199px){.category-grid{grid-template-columns:repeat(8,1fr)}.category-card{grid-column:span 4}}@media (max-width:767px){.category-grid{grid-template-columns:repeat(4,1fr)}.category-card{grid-column:span 4}}.category-card{display:block;background:var(--cat-card);border:1px solid var(--cat-border);border-radius:16px;text-decoration:none;color:inherit;transition:transform .12s ease,box-shadow .12s ease,border-color .12s ease}.category-card:hover{transform:translateY(-2px);border-color:rgba(27,212,166,.6);box-shadow:var(--cat-shadow)}.card-inner{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;padding:14px 16px}.card-pill{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;background:#eefcf8;color:#0b7d66;font-weight:800;border:1px solid #c6f3e7}.card-title{margin:0;font-size:1rem;font-weight:700;color:var(--cat-text)}.chevron{font-size:26px;line-height:1;color:var(--cat-muted);transform:translateX(0);transition:transform .12s ease,color .12s ease}.category-card:hover .chevron{transform:translateX(2px);color:var(--cat-accent)}.empty-state{display:grid;place-items:center;background:var(--cat-card);border:1px dashed var(--cat-border);border-radius:16px;padding:40px 20px;color:var(--cat-muted)}.empty-emoji{font-size:28px;margin-bottom:8px}.info-note{text-align:right}