.course-list-item-modern{background:var(--bg-secondary);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);border:1px solid var(--color-neutral-200);margin-bottom:var(--space-4);overflow:hidden;transition:box-shadow var(--transition-fast),border-color var(--transition-fast)}.course-list-item-modern:hover{box-shadow:var(--shadow-md);border-color:var(--color-brand-secondary)}.course-list-item-modern__header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-3) var(--space-5);background:var(--bg-tertiary);border-bottom:1px solid var(--color-neutral-200)}.course-list-item-modern__type{display:flex;align-items:center;gap:var(--space-2)}.course-list-item-modern__type .material-icons{font-size:20px;color:var(--color-neutral-500)}.course-list-item-modern__credits{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-neutral-600)}.course-list-item-modern__body{display:flex;justify-content:space-between;align-items:flex-start;padding:var(--space-5);gap:var(--space-6)}.course-list-item-modern__main{flex:1}.course-list-item-modern__title{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);margin-bottom:var(--space-2)}.course-list-item-modern__title a{color:var(--color-neutral-900);text-decoration:none;transition:color var(--transition-fast)}.course-list-item-modern__title a:hover{color:var(--color-brand-secondary)}.course-list-item-modern__description{font-size:var(--font-size-sm);color:var(--color-neutral-600);line-height:var(--line-height-relaxed);margin:0}.course-list-item-modern__webinar-time{display:flex;align-items:center;gap:var(--space-2);margin-top:var(--space-3);padding:var(--space-2) var(--space-3);background:var(--color-brand-accent-light);color:var(--color-brand-accent-dark);border-radius:var(--radius-md);font-size:var(--font-size-sm)}.course-list-item-modern__webinar-time .material-icons{font-size:18px}.course-list-item-modern__actions{display:flex;flex-direction:column;align-items:flex-end;gap:var(--space-3);flex-shrink:0}.course-list-item-modern__price{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-brand-accent)}.course-list-item-modern__price--free{color:var(--color-brand-highlight)}.course-list-item-modern--live{border-left:4px solid var(--color-brand-accent)}.course-list-item-modern--pre{border-left:4px solid var(--color-brand-alert)}.course-list-item-modern--game{border-left:4px solid var(--color-brand-purple)}.course-list-item-modern--free{border-left:4px solid var(--color-brand-highlight)}.course-list-page-modern{display:flex;gap:var(--space-8)}.course-list-filters-modern{flex-shrink:0}.course-list-content-modern{flex:1}.course-list-pagination-modern{display:flex;justify-content:center;align-items:center;gap:var(--space-2);margin-top:var(--space-8)}.course-list-pagination-modern button,.course-list-pagination-modern a{display:flex;align-items:center;justify-content:center;min-width:40px;height:40px;padding:var(--space-2) var(--space-3);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-neutral-700);background:var(--bg-secondary);border:1px solid var(--color-neutral-300);border-radius:var(--radius-lg);cursor:pointer;text-decoration:none;transition:background-color var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast)}.course-list-pagination-modern button:hover,.course-list-pagination-modern a:hover{border-color:var(--color-brand-secondary);color:var(--color-brand-secondary)}.course-list-pagination-modern button.active,.course-list-pagination-modern a.active{background:var(--color-brand-secondary);border-color:var(--color-brand-secondary);color:#fff}.course-list-pagination-modern button:disabled{opacity:.5;cursor:not-allowed}@media(max-width:768px){.course-list-page-modern{flex-direction:column}.course-list-filters-modern{width:100%}.course-list-item-modern__body{flex-direction:column;gap:var(--space-4)}.course-list-item-modern__actions{flex-direction:row;align-items:center;width:100%;justify-content:space-between}}