.training-catalog.katalog-fade-up{opacity:0;transition:opacity .8s ease-in-out,transform .8s ease-in-out;transform:translateY(100px)}.training-catalog.katalog-fade-up.is-visible{opacity:1;transform:translate(0,0)}@media (prefers-reduced-motion:reduce){.training-catalog.katalog-fade-up{opacity:1;transition:none;transform:none}}.category-tabs-wrapper{width:100%;margin-bottom:2.5rem}.bidang-tabs-wrapper{margin-top:-.5rem;margin-bottom:1.5rem}.category-tabs-bar{background:#fff;border:1px solid #dbdbdb;border-radius:4px;width:100%;overflow:hidden}.category-tabs-scroll{-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:#c4c4c4 transparent;width:100%;overflow-x:auto}.category-tabs-scroll::-webkit-scrollbar{height:4px}.category-tabs-scroll::-webkit-scrollbar-thumb{background:#c4c4c4;border-radius:4px}.category-tabs{flex-wrap:nowrap;align-items:stretch;gap:0;width:max-content;min-width:100%;margin:0;padding:0;list-style:none;display:flex}.category-tabs li{flex:none}.category-tabs button{color:#8e8e8e;letter-spacing:.2px;cursor:pointer;white-space:nowrap;text-align:center;background:0 0;border:none;border-radius:0;width:100%;padding:14px 20px;font-size:14px;font-weight:500;line-height:1.3;transition:color .2s;display:block;position:relative}.category-tabs button:hover{color:#262626}.category-tabs button.active{color:#262626;font-weight:600}.category-tabs button.active:after{content:"";background:var(--accent-color);height:2px;position:absolute;bottom:0;left:12px;right:12px}@media (max-width:575px){.category-tabs button{padding:12px 16px;font-size:13px}.category-tabs button.active:after{left:10px;right:10px}}.katalog-groups{flex-direction:column;gap:2rem;display:flex}.katalog-category-section{background:#fff;border:1px solid #c5ddd6;border-radius:4px;overflow:hidden}.katalog-category-header{color:#fff;letter-spacing:.5px;text-transform:uppercase;background:#026e5f;align-items:center;gap:12px;padding:14px 20px;font-size:1.1rem;font-weight:600;display:flex}.katalog-category-header i{opacity:.95;font-size:1.25rem}.katalog-course-list{margin:0;padding:0;list-style:none}.katalog-course-item{color:#1b4d3e;border-bottom:1px solid #e0ebe8;justify-content:space-between;align-items:flex-start;gap:16px;padding:18px 20px;text-decoration:none;transition:background-color .15s;display:flex}.katalog-course-list li:last-child .katalog-course-item{border-bottom:none}.katalog-course-item:hover{background-color:#f0faf7}.katalog-course-main{flex:1;min-width:0}.katalog-course-code{text-transform:uppercase;color:#1b4d3e;font-size:1.05rem;font-weight:700;line-height:1.4}.katalog-course-status{letter-spacing:.02em;white-space:nowrap;border-radius:999px;align-items:center;padding:3px 10px;font-size:.78rem;font-weight:700;display:inline-flex}.katalog-course-status.is-registered{color:#0f5132;background:#d1e7dd}.katalog-course-options{color:#3d6b5e;margin-top:2px;font-size:.95rem;line-height:1.5}.katalog-course-prices{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:4px;display:flex}.katalog-course-price{color:#026e5f;white-space:nowrap;font-size:.95rem;font-weight:600}@media (max-width:575px){.katalog-category-header{padding:12px 16px;font-size:1rem}.katalog-course-item{flex-direction:column;gap:8px;padding:14px 16px}.katalog-course-code{font-size:1rem}.katalog-course-options{font-size:.9rem}.katalog-course-prices{align-items:flex-start}.katalog-course-price{white-space:normal;font-size:.9rem}}