.categories-page-wrapper{background-color:#f8fafc;min-height:calc(100vh - 200px);padding-bottom:80px}.categories-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;margin-top:40px;display:grid}.category-card{text-align:center;background:#fff;border:1px solid #e2e8f0;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;padding:20px;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden;box-shadow:0 4px 6px -1px #0000000d}.category-card:hover{text-decoration:none;transform:translateY(-8px);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.category-card:hover *{text-decoration:none}.category-card-bg{background:color-mix(in srgb,var(--cat-color,#3b82f6)5%,white);opacity:.8;z-index:0;position:absolute;inset:0}.category-card:hover .category-card-bg{background:color-mix(in srgb,var(--cat-color,#3b82f6)10%,white)}.category-card-icon{background:color-mix(in srgb,var(--cat-color,#3b82f6)12%,white);width:64px;height:64px;color:var(--cat-color,#3b82f6);z-index:1;border-radius:20px;justify-content:center;align-items:center;margin-bottom:16px;transition:all .3s;display:flex}.category-card:hover .category-card-icon{background:var(--cat-color,#3b82f6);color:#fff;transform:scale(1.1)rotate(5deg)}.category-card-name{color:#1e293b;z-index:1;margin-bottom:6px;font-size:16px;font-weight:700}.category-card-count{color:#64748b;z-index:1;background:#f1f5f9;border-radius:100px;padding:4px 10px;font-size:13px;font-weight:600}.category-card:hover .category-card-count{background:color-mix(in srgb,var(--cat-color,#3b82f6)15%,#f1f5f9);color:var(--cat-color,#3b82f6)}@media (max-width:640px){.categories-grid{grid-template-columns:repeat(2,1fr);gap:12px;margin-top:20px}.category-card{padding:16px}}