.cards-container{display:grid;grid-template-columns:1fr;gap:var(--spacing-md);margin-bottom:var(--spacing-xl)}.card{border-radius:var(--radius-ml);padding:var(--spacing-md);min-height:140px;position:relative;overflow:hidden;background:linear-gradient(135deg,color-mix(in srgb,var(--color-accent) 85%,transparent),color-mix(in srgb,var(--color-accent) 65%,transparent));transition:transform .4s ease}.card h2{font-size:var(--font-size-lg);font-weight:500;margin-bottom:var(--spacing-xs);color:#fff}.card p{margin-bottom:var(--spacing-sm);font-size:var(--font-size-sm);color:color-mix(in srgb,white 80%,transparent);max-width:100%}.card-button{display:inline-flex;align-items:center;justify-content:center;color:#fff;border:none;border-radius:var(--radius-md);padding:var(--spacing-s) var(--spacing-md);min-height:44px;font-size:var(--font-size-sm);font-weight:500;font-family:var(--font-family);cursor:pointer;background-color:var(--color-accent);filter:brightness(.95);text-decoration:none}.card__image{position:absolute;width:80px;height:80px;right:var(--spacing-xs);bottom:var(--spacing-xs);opacity:.12}.card__image--light{background-color:#fff;mask:url(/img/logo/1nbox-neutraloutline-dark-mode.svg) center/contain no-repeat;-webkit-mask:url(/img/logo/1nbox-neutraloutline-dark-mode.svg) center/contain no-repeat}.card__image--ghost{background-color:#fff;mask:url(/img/icons/ghost-character.svg) center/contain no-repeat;-webkit-mask:url(/img/icons/ghost-character.svg) center/contain no-repeat}.categories-container{display:grid;grid-template-columns:1fr;gap:var(--spacing-md)}.category{padding:var(--spacing-sm) 0;border-bottom:1px solid var(--color-border)}.category:last-child{border-bottom:none}.category__header{display:flex;align-items:center;flex-wrap:wrap;gap:var(--spacing-xs);margin-bottom:var(--spacing-xs)}.category__header .icon{margin-right:var(--spacing-xs);background-color:var(--color-accent)}.category h3{font-size:var(--font-size-sm);font-weight:500;color:var(--color-text);margin-right:var(--spacing-s)}.category__article-count{font-size:.65rem;font-weight:350;color:var(--color-text-50);padding:2px 5px;border-radius:var(--radius-sm);border:1px solid var(--color-border);cursor:default;transition:all .2s ease}.category p{font-size:var(--font-size-xs);line-height:1.5;color:var(--color-text)}@media(min-width:768px){.cards-container{grid-template-columns:1fr 1fr;gap:var(--spacing-xl);margin-bottom:var(--spacing-2xl)}.card{padding:var(--spacing-sm);min-height:auto}.card h2{font-size:var(--font-size-xl)}.card p{font-size:var(--font-size-md);max-width:70%}.card-button{min-height:auto;padding:var(--spacing-xs) var(--spacing-sm)}.card__image{width:120px;height:120px;right:var(--spacing-sm);bottom:15px;opacity:.15}.categories-container{grid-template-columns:1fr 1fr}.category{padding-bottom:var(--spacing-md);border-bottom:none}.category:last-child{border-bottom:none}.category__article-count{font-size:var(--font-size-xs);padding:3px 6px}.category h3{font-size:var(--font-size-md)}.category p{font-size:var(--font-size-sm)}}@media(max-width:480px){.cards-container{gap:var(--spacing-sm);margin-bottom:var(--spacing-lg)}.card{padding:var(--spacing-sm);min-height:120px}.card h2{font-size:var(--font-size-md)}.card p{font-size:var(--font-size-xs)}.card__image{width:60px;height:60px;opacity:.1}}@media(hover:hover)and (pointer:fine){.card:hover{transform:translateY(-5px)}.category__article-count:hover{background-color:color-mix(in srgb,var(--color-text) 5%,transparent);border:1px solid color-mix(in srgb,var(--color-text) 50%,transparent)}}