:root{--color-dank-blue:#2d3561;--color-dank-yellow:#f8d347;--color-dank-pink:#fae8ea;--color-black:#1a1a1a;--color-white:#ffffff;--color-gray-border:#e2e8f0}.categories-page{min-height:80vh;padding:60px 24px;background-color:var(--color-white)}.categories-page__container{max-width:1200px;margin:0 auto}.categories-page__header{text-align:center;margin-bottom:60px}.categories-page__title{font-size:48px;font-weight:900;color:var(--color-black);margin:0 0 16px;letter-spacing:-1px}.categories-page__subtitle{font-size:18px;color:#666;margin:0}.categories-page__section-title{font-size:1.5rem;font-weight:700;color:var(--color-black);margin:0 0 24px;text-align:center;letter-spacing:-.02em}.categories-page__empty,.categories-page__error,.categories-page__loading{text-align:center;padding:80px 24px}.categories-page__card-skeleton{background:white;border-radius:16px;padding:16px;box-shadow:0 2px 8px rgba(0,0,0,.08);display:flex;flex-direction:column;gap:12px}.categories-page__skeleton-image,.categories-page__skeleton-title{margin-bottom:4px}.categories-page__empty p,.categories-page__error p,.categories-page__loading p{font-size:16px;color:#666;margin-top:16px}.spinner{width:48px;height:48px;border:4px solid #f1f5f9;border-top:4px solid var(--color-dank-blue);border-radius:50%;margin:0 auto;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.btn-retry{background-color:var(--color-dank-blue);color:var(--color-white);border:none;padding:12px 24px;font-size:14px;font-weight:700;border-radius:8px;cursor:pointer;margin-top:16px;transition:transform .2s}.btn-retry:hover{transform:scale(1.05)}.categories-page__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));grid-gap:24px;gap:24px}.category-card-page{display:flex;flex-direction:column;background-color:var(--color-white);border:2px solid var(--color-gray-border);border-radius:16px;text-decoration:none;transition:all .2s;position:relative;overflow:hidden;min-height:320px}.category-card-page:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background-color:var(--color-dank-blue);transform:scaleY(0);transition:transform .2s;z-index:2}.category-card-page:hover{border-color:var(--color-dank-blue);transform:translateY(-4px);box-shadow:0 8px 24px rgba(45,53,97,.1)}.category-card-page:hover:before{transform:scaleY(1)}.category-card-page__image-wrapper{position:relative;width:100%;height:200px;overflow:hidden;background-color:var(--color-dank-pink)}.category-card-page__image{width:100%;height:100%;object-fit:cover;transition:transform .3s}.category-card-page:hover .category-card-page__image{transform:scale(1.1)}.category-card-page__overlay{position:absolute;inset:0;background:linear-gradient(180deg,transparent 0,rgba(0,0,0,.3));opacity:0;transition:opacity .3s}.category-card-page:hover .category-card-page__overlay{opacity:1}.category-card-page__icon{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:64px;background-color:var(--color-dank-pink)}.category-card-page__content{padding:20px;flex:1 1;display:flex;flex-direction:column;justify-content:space-between}.category-card-page__name{font-size:22px;font-weight:800;color:var(--color-black);margin:0 0 8px;line-height:1.2}.category-card-page__count{font-size:14px;color:#666;font-weight:500}.category-card-page__arrow{position:absolute;bottom:20px;right:20px;font-size:24px;color:var(--color-dank-blue);opacity:0;transform:translateX(-10px);transition:all .2s}.category-card-page:hover .category-card-page__arrow{opacity:1;transform:translateX(0)}@media (max-width:768px){.categories-page{padding:40px 16px}.categories-page__title{font-size:36px}.categories-page__subtitle{font-size:16px}.categories-page__grid{grid-template-columns:1fr;gap:16px}.category-card-page{min-height:280px}.category-card-page__image-wrapper{height:180px}}