.category-hero{background-color:var(--color-surface);border-bottom:1px solid var(--color-border);padding:var(--space-12) 0}.category-hero-container{justify-content:space-between;align-items:center;gap:var(--space-8);flex-direction:column;display:flex}@media (min-width:768px){.category-hero-container{flex-direction:row}}.category-hero-content{flex:1}.category-hero-header{align-items:center;gap:var(--space-3);margin-bottom:var(--space-4);display:flex}.category-hero-icon{font-size:2.25rem}.category-hero-title{font-size:2.25rem;font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0}@media (min-width:768px){.category-hero-title{font-size:3rem}}.category-hero-count{padding:var(--space-1) var(--space-3);background-color:var(--color-background);font-size:var(--text-sm);font-weight:var(--font-weight-medium);margin-bottom:var(--space-6);color:var(--color-text-primary);border-radius:9999px;display:inline-block}.category-hero-desc{color:var(--color-text-secondary);font-size:var(--text-lg);max-width:48rem;margin:0;line-height:1.625}@media (min-width:768px){.category-hero-desc{font-size:1.25rem}}.category-hero-image-wrapper{background-color:var(--color-background);border-radius:50%;flex-shrink:0;width:16rem;height:16rem;display:none;overflow:hidden}@media (min-width:768px){.category-hero-image-wrapper{display:block}}.category-hero-image{object-fit:cover;width:100%;height:100%}
.subcategory-grid{gap:var(--space-4);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}@media (min-width:768px){.subcategory-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width:1024px){.subcategory-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (min-width:1280px){.subcategory-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}.category-card-link{height:100%;text-decoration:none;display:block}.category-card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6);text-align:center;height:100%;transition:all var(--transition-normal);flex-direction:column;align-items:center;display:flex}.category-card-link:hover .category-card{border-color:var(--color-primary);box-shadow:var(--shadow-md)}.category-card-icon{background-color:var(--color-background);width:4rem;height:4rem;margin-bottom:var(--space-4);transition:transform var(--transition-normal);border-radius:50%;justify-content:center;align-items:center;font-size:1.875rem;display:flex}.category-card-link:hover .category-card-icon{transform:scale(1.1)}.category-card-title{font-weight:var(--font-weight-bold);font-size:var(--text-lg);margin-bottom:var(--space-2);color:var(--color-text-primary);transition:color var(--transition-fast)}.category-card-link:hover .category-card-title{color:var(--color-primary)}.category-card-desc{color:var(--color-text-secondary);font-size:var(--text-sm);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;display:-webkit-box;overflow:hidden}
.category-faq-container{background-color:var(--color-surface);border-radius:var(--radius-lg);padding:var(--space-6)}@media (min-width:768px){.category-faq-container{padding:var(--space-8)}}.category-faq-title{font-size:1.5rem;font-weight:var(--font-weight-bold);margin-bottom:var(--space-6);color:var(--color-text-primary)}.category-faq-list{gap:var(--space-4);flex-direction:column;display:flex}.category-faq-item{border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden}.category-faq-button{width:100%;padding:var(--space-4) var(--space-6);background-color:var(--color-surface);text-align:left;cursor:pointer;transition:background-color var(--transition-normal);color:var(--color-text-primary);border:none;justify-content:space-between;align-items:center;display:flex}.category-faq-button:hover{background-color:var(--color-background)}.category-faq-question{font-weight:var(--font-weight-medium);padding-right:var(--space-4);margin:0}.category-faq-icon{transition:transform var(--transition-normal)}.category-faq-icon.is-open{transform:rotate(180deg)}.category-faq-answer{padding:var(--space-4) var(--space-6);background-color:var(--color-background);color:var(--color-text-secondary);border-top:1px solid var(--color-border);line-height:1.625}