.category-card{background:var(--dark-card);border:1px solid var(--border-lighter);border-radius:12px;transition:transform 0.3s ease,border-color 0.3s ease;height:100%;display:flex;flex-direction:column;overflow:hidden}.category-card--dark{background:var(--light-card)}.category-card:hover{border-color:var(--primary-color);transform:translateY(-5px)}.category-card__image{position:relative;height:160px;overflow:hidden;background-color:#ffffff;display:flex;align-items:center;justify-content:center;flex-shrink:0}.category-card__image-bg{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center;background-repeat:no-repeat;z-index:1;pointer-events:none;transition:opacity 0.3s ease;opacity:0.15}.category-card:hover .category-card__image-bg{opacity:0.4}.category-card__image-device{position:relative;z-index:2;max-width:85%;max-height:85%;width:auto;height:auto;object-fit:contain;filter:drop-shadow(0 4px 8px rgba(0,0,0,0.3))}.category-card__content{padding:1.5rem;flex:1}.category-card__header{display:flex;align-items:center;min-height:70px;margin-bottom:1rem}.category-card__icon{width:70px;height:70px;background:var(--primary-bg-color);border-radius:12px;display:flex;align-items:center;justify-content:center;margin-right:1rem;flex-shrink:0}.category-card__icon i{font-size:2rem;color:var(--primary-color)}.category-card__title{color:var(--text-light);font-size:1.1rem;font-weight:600;line-height:1.3;margin:0;align-self:center}.category-card__description{color:var(--text-muted);font-size:0.9rem;line-height:1.5;margin:0}.category-link{display:block;height:100%;text-decoration:none}@media (max-width:768px){.category-card__image{height:140px}.category-card__content{padding:1.25rem}.category-card__header{min-height:60px}.category-card__icon{width:60px;height:60px}.category-card__icon i{font-size:1.75rem}.category-card__title{font-size:1rem}.category-card__description{font-size:0.85rem}}@media (max-width:576px){.category-card__image{height:120px}.category-card__content{padding:1rem}.category-card__header{min-height:50px}.category-card__icon{width:50px;height:50px;margin-right:0.75rem}.category-card__icon i{font-size:1.5rem}.category-card__title{font-size:0.95rem}.category-card__description{font-size:0.8rem}}@media (max-width:375px){.category-card__header{flex-direction:column;align-items:flex-start;min-height:auto}.category-card__icon{margin-bottom:0.75rem}.category-card__title{align-self:flex-start}}