:root{--cm-primary:#bc8456;--cm-secondary:#79cd77;--cm-text:#222;--cm-text-light:#555;--cm-bg:#fff;--cm-shadow:rgba(0, 0, 0, 0.08);--cm-shadow-hover:rgba(188, 132, 86, 0.25);--cm-border-radius:16px;--cm-transition:transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.3s cubic-bezier(0.4, 0, 0.2, 1)}@media (prefers-color-scheme:dark){:root{--cm-text:#f0f0f0;--cm-text-light:#b0b0b0;--cm-bg:#1a1a1a;--cm-shadow:rgba(0, 0, 0, 0.3);--cm-shadow-hover:rgba(188, 132, 86, 0.4)}}.cm-categories-container{width:100%;max-width:1200px;margin:0 auto;padding:20px}.cm-categories-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-bottom:30px}.cm-categories-grid{animation:fadeInUp 0.4s ease-out}@keyframes fadeInUp{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.cm-category-card{opacity:0;animation:fadeIn 0.3s ease-out forwards}@keyframes fadeIn{to{opacity:1}}.cm-category-card:nth-child(1){animation-delay:0.05s}.cm-category-card:nth-child(2){animation-delay:0.1s}.cm-category-card:nth-child(3){animation-delay:0.15s}.cm-category-card:nth-child(4){animation-delay:0.2s}.cm-category-card:nth-child(5){animation-delay:0.25s}.cm-category-card:nth-child(6){animation-delay:0.3s}.cm-category-card:nth-child(n+7){animation-delay:0.35s}.cm-category-card{position:relative;background:var(--cm-bg);border-radius:var(--cm-border-radius);overflow:hidden;box-shadow:0 4px 12px var(--cm-shadow);transition:var(--cm-transition);height:100%;border-left:4px solid var(--cm-primary);contain:layout style paint}.cm-category-card::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgb(188 132 86 / .03) 0%,rgb(121 205 119 / .03) 100%);opacity:0;transition:opacity 0.3s ease;pointer-events:none;z-index:0}.cm-category-card:hover::before{opacity:1}.cm-category-card::after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;border-radius:var(--cm-border-radius);border:2px solid #fff0;background:linear-gradient(135deg,var(--cm-primary),var(--cm-secondary)) border-box;-webkit-mask:linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity 0.3s ease;pointer-events:none;z-index:-1}.cm-category-card:hover::after{opacity:1}.cm-category-card:hover{transform:translateY(-4px);box-shadow:0 8px 20px var(--cm-shadow-hover)}.cm-category-badge{position:absolute;top:12px;right:12px;background:linear-gradient(135deg,var(--cm-secondary),#d4a04f);color:#fff;padding:5px 12px;border-radius:20px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;z-index:10;box-shadow:0 2px 8px rgb(225 177 96 / .4)}.cm-category-link{display:block;text-decoration:none!important;color:inherit;height:100%;position:relative;z-index:1}.cm-category-link:hover,.cm-category-link:focus{text-decoration:none!important;outline:none}.cm-category-content{padding:25px 20px;display:flex;flex-direction:column;gap:12px;position:relative;z-index:2}.cm-category-name{margin:0!important;font-size:19px!important;font-weight:700!important;line-height:1.4!important;color:var(--cm-text)!important;transition:color 0.3s ease;text-decoration:none!important;position:relative;display:inline-block}.cm-category-name::after{content:'';position:absolute;bottom:-2px;left:0;width:0;height:2px;background:linear-gradient(90deg,var(--cm-primary),var(--cm-secondary));transition:width 0.3s ease}.cm-category-card:hover .cm-category-name::after{width:100%}.cm-category-card:hover .cm-category-name{color:var(--cm-secondary)!important}.cm-category-description{margin:0!important;font-size:14px!important;color:var(--cm-text-light)!important;line-height:1.6!important;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;transition:color 0.3s ease}.cm-category-card:hover .cm-category-description{color:var(--cm-text)!important}.cm-category-progress{height:4px;background:rgb(188 132 86 / .1);border-radius:2px;margin-top:8px;overflow:hidden;position:relative}.cm-category-progress-bar{height:100%;background:linear-gradient(90deg,var(--cm-primary),var(--cm-secondary));border-radius:2px;transition:width 0.6s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.cm-category-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:auto;padding-top:8px;border-top:1px solid rgb(188 132 86 / .1)}.cm-category-count{display:flex;align-items:center;justify-content:flex-start;gap:6px;font-weight:600;color:var(--cm-secondary);font-size:15px;text-decoration:none!important;transition:color 0.3s ease}.cm-category-card:hover .cm-category-count{color:var(--cm-primary)}.cm-category-count svg{color:var(--cm-primary);flex-shrink:0;transition:transform 0.3s ease,color 0.3s ease}.cm-category-card:hover .cm-category-count svg{color:var(--cm-secondary);transform:rotate(3deg)}.cm-no-categories{text-align:center;padding:60px 20px;background:var(--cm-bg);border-radius:12px;box-shadow:0 2px 8px var(--cm-shadow)}.cm-no-categories p{font-size:18px;color:var(--cm-text-light);margin:0}@media (max-width:576px){.cm-categories-grid{grid-template-columns:repeat(2,1fr);gap:15px}.cm-category-content{padding:18px 15px}.cm-category-name{font-size:16px!important}.cm-category-description{font-size:12px!important;-webkit-line-clamp:3}.cm-category-count{font-size:13px}.cm-category-badge{font-size:9px;padding:4px 8px;top:8px;right:8px}.cm-category-progress{height:3px}}@media (min-width:577px) and (max-width:768px){.cm-categories-grid{grid-template-columns:repeat(2,1fr);gap:18px}}@media (min-width:769px) and (max-width:992px){.cm-categories-grid{grid-template-columns:repeat(3,1fr);gap:20px}}@media (min-width:993px){.cm-categories-grid{grid-template-columns:repeat(6,1fr);gap:20px}}@media (min-width:1400px){.cm-categories-container{max-width:1400px}}@media print{.cm-category-card{break-inside:avoid;box-shadow:none}.cm-category-card:hover{transform:none}.cm-category-badge{display:none}}@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:0.01ms!important;animation-iteration-count:1!important;transition-duration:0.01ms!important}}