.courses-hero{background:linear-gradient(135deg,var(--flow-primary)0%,var(--flow-primary-dark)50%,var(--flow-primary-darker)100%);padding:var(--space-8)0;text-align:center;background-size:200% 200%;animation:10s infinite gradientShift;position:relative;overflow:hidden}.courses-hero:before{content:"";pointer-events:none;background:radial-gradient(circle,#ffffff1a 0%,#0000 60%);width:80%;height:200%;position:absolute;top:-50%;right:-30%}.courses-hero__container{max-width:100%;padding:0 var(--space-4);z-index:1;margin:0 auto;position:relative}.courses-hero .section__eyebrow{color:#fffffff5;padding:var(--space-1)var(--space-3);border-radius:var(--radius-full);background:#ffffff24;border:1px solid #ffffff47;animation:.6s ease-out fadeInDown}.courses-hero__title{font-size:var(--text-2xl);font-weight:var(--font-bold);color:#fff;margin-bottom:var(--space-2);letter-spacing:-.02em;animation:.6s ease-out .1s backwards fadeInUp}.courses-hero__description{font-size:var(--text-sm);color:#ffffffd9;max-width:100%;margin:0 auto var(--space-5);line-height:var(--leading-relaxed);animation:.6s ease-out .2s backwards fadeInUp}.courses-hero__stats{justify-content:center;gap:var(--space-4);flex-wrap:wrap;animation:.6s ease-out .3s backwards fadeInUp;display:flex}.courses-hero__stat{align-items:center;gap:var(--space-2);color:#ffffffe6;font-size:var(--text-xs);font-weight:var(--font-medium);padding:var(--space-2)var(--space-3);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:var(--radius-full);background:#ffffff1a;border:1px solid #ffffff26;transition:all .3s;display:flex}.courses-hero__stat:hover{background:#ffffff26;transform:translateY(-2px)}.courses-hero__stat .icon{filter:brightness(0)invert();opacity:.9;width:14px;height:14px}.courses-hero+.section{padding-top:var(--space-10)}.courses-filters{gap:var(--space-3);flex-direction:column;animation:.6s ease-out fadeInUp;display:flex}.courses-filters__row{justify-content:space-between;align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.courses-filters__dropdowns{gap:var(--space-2);display:flex}.filter-dropdown__btn{align-items:center;gap:var(--space-1);padding:var(--space-2)var(--space-3);border:1px solid var(--gray-200);border-radius:var(--radius-lg);font-size:var(--text-xs);color:var(--gray-600);cursor:pointer;background:#fff;transition:all .3s;display:flex}.filter-dropdown__btn:hover{border-color:var(--flow-primary);color:var(--flow-primary)}.filter-dropdown__btn .icon{filter:brightness(0)invert(.5);width:12px;height:12px;transition:all .3s}.filter-dropdown__btn:hover .icon{filter:invert(37%)sepia(93%)saturate(1352%)hue-rotate(209deg)brightness(99%)contrast(91%)}.courses-results-header{margin-bottom:var(--space-4);justify-content:space-between;align-items:center;display:flex}.courses-results-count{font-size:var(--text-xs);color:var(--gray-600)}.courses-grid{gap:var(--space-4);margin-bottom:var(--space-6);grid-template-columns:repeat(2,1fr);display:grid}.course-card{border-radius:var(--radius-xl);border:1px solid var(--gray-100);background:#fff;flex-direction:column;transition:all .4s cubic-bezier(.4,0,.2,1);animation:.6s ease-out backwards fadeInUp;display:flex;overflow:hidden}.course-card:first-child{animation-delay:.1s}.course-card:nth-child(2){animation-delay:.15s}.course-card:nth-child(3){animation-delay:.2s}.course-card:nth-child(4){animation-delay:.25s}.course-card:hover{border-color:#0000;transform:translateY(-5px);box-shadow:0 20px 40px #0000001a}.course-card__header{position:relative}.course-card__image{border-radius:var(--radius-lg)var(--radius-lg)0 0;position:relative;overflow:hidden}.course-card__image-placeholder{background:linear-gradient(135deg,var(--flow-primary-100)0%,var(--flow-primary-200)50%,var(--gray-200)100%);background-size:200% 200%;justify-content:center;align-items:center;height:100px;transition:transform .5s;animation:6s infinite gradientShift;display:flex}.course-card:hover .course-card__image-placeholder{transform:scale(1.05)}.course-card__image-placeholder .icon{filter:invert(37%)sepia(93%)saturate(1352%)hue-rotate(209deg)brightness(99%)contrast(91%);opacity:.4}.course-card__badge{top:var(--space-2);left:var(--space-2);padding:var(--space-1)var(--space-2);background:linear-gradient(135deg,var(--success)0%,var(--success-dark)100%);color:#fff;font-size:9px;font-weight:var(--font-bold);border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.05em;position:absolute;box-shadow:0 4px 8px #10b9814d}.course-card__body{padding:var(--space-3);flex-direction:column;flex:1;display:flex}.course-card__category{align-items:center;gap:var(--space-2);margin-bottom:var(--space-1);display:flex}.course-card__level{color:var(--gray-500);font-size:9px}.course-card__title{font-size:var(--text-xs);font-weight:var(--font-bold);color:var(--gray-900);margin-bottom:var(--space-1);line-height:var(--leading-tight);transition:color .3s}.course-card:hover .course-card__title{color:var(--flow-primary)}.course-card__description{color:var(--gray-600);font-size:10px;line-height:var(--leading-relaxed);margin-bottom:var(--space-3);flex:1}.course-card__meta{gap:var(--space-3);margin-bottom:var(--space-3);display:flex}.course-card__meta-item{align-items:center;gap:var(--space-1);font-size:var(--text-xs);color:var(--gray-500);display:flex}.course-card__meta-item .icon{filter:brightness(0)invert(.5)}.course-card__footer{padding-top:var(--space-4);border-top:var(--border-width)solid var(--border-color);justify-content:space-between;align-items:center;display:flex}.course-card__price{font-size:var(--text-lg);font-weight:var(--font-bold);color:var(--flow-primary)}.section__eyebrow{align-items:center;gap:var(--space-2);font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--flow-primary);text-transform:uppercase;letter-spacing:.1em;margin-bottom:var(--space-2);display:inline-flex}.filters-section{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:var(--space-4)0;border-bottom:1px solid var(--gray-100);z-index:var(--z-sticky);background:#fffffff2;position:sticky;top:0}.filters-section__container{max-width:100%;padding:0 var(--space-4);margin:0 auto}.filter-tabs{gap:var(--space-2);margin-bottom:var(--space-3);flex-wrap:wrap;display:flex}.filter-tab{padding:var(--space-2)var(--space-3);font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--gray-600);background:var(--gray-100);border-radius:var(--radius-full);cursor:pointer;border:1px solid #0000;transition:all .3s}.filter-tab:hover{color:var(--flow-primary);background:var(--flow-primary-50);border-color:var(--flow-primary-200)}.filter-tab--active{color:#fff;background:linear-gradient(135deg,var(--flow-primary)0%,var(--flow-primary-dark)100%);border-color:#0000;box-shadow:0 4px 12px #4f46e54d}.search-input{align-items:center;gap:var(--space-2);padding:var(--space-2)var(--space-3);border:1px solid var(--gray-200);border-radius:var(--radius-lg);background:#fff;min-width:200px;transition:all .3s;display:flex}.search-input:focus-within{border-color:var(--flow-primary);box-shadow:0 0 0 3px #4f46e51a}.search-input .icon{filter:brightness(0)invert(.5);flex-shrink:0;width:14px;height:14px}.search-input:focus-within .icon{filter:invert(37%)sepia(93%)saturate(1352%)hue-rotate(209deg)brightness(99%)contrast(91%)}.search-input__field{font-size:var(--text-xs);color:var(--gray-900);background:0 0;border:none;outline:none;flex:1}.search-input__field::placeholder{color:var(--gray-400)}.tag{align-items:center;gap:var(--space-1);padding:var(--space-1)var(--space-2);font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--flow-primary);background:var(--flow-primary-50);border-radius:var(--radius-full);transition:all .3s;display:inline-flex}.tag:hover{background:var(--flow-primary-100)}.tag-sm{padding:2px var(--space-1);font-size:9px;font-weight:var(--font-bold);letter-spacing:.02em}.pagination{justify-content:center;align-items:center;gap:var(--space-2);margin-top:var(--space-6);padding:var(--space-4)0;animation:.6s ease-out fadeInUp;display:flex}.pagination__btn{align-items:center;gap:var(--space-1);padding:var(--space-2)var(--space-3);font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--gray-600);border:1px solid var(--gray-200);border-radius:var(--radius-lg);cursor:pointer;background:#fff;transition:all .3s;display:inline-flex}.pagination__btn:hover:not(.pagination__btn--disabled){color:var(--flow-primary);border-color:var(--flow-primary);background:var(--flow-primary-50)}.pagination__btn--disabled{opacity:.5;cursor:not-allowed}.pagination__btn .icon{filter:brightness(0)invert(.5);width:14px;height:14px;transition:filter .3s}.pagination__btn:hover:not(.pagination__btn--disabled) .icon{filter:invert(37%)sepia(93%)saturate(1352%)hue-rotate(209deg)brightness(99%)contrast(91%)}.pagination__pages{gap:var(--space-1);display:flex}.pagination__page{width:32px;height:32px;font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--gray-600);border:1px solid var(--gray-200);border-radius:var(--radius-lg);cursor:pointer;background:#fff;justify-content:center;align-items:center;transition:all .3s;display:flex}.pagination__page:hover:not(.pagination__page--active){color:var(--flow-primary);border-color:var(--flow-primary);background:var(--flow-primary-50)}.pagination__page--active{color:#fff;background:linear-gradient(135deg,var(--flow-primary)0%,var(--flow-primary-dark)100%);border-color:#0000;box-shadow:0 4px 12px #4f46e54d}.form-select{align-items:center;gap:var(--space-2);padding:var(--space-2)var(--space-3);font-size:var(--text-xs);color:var(--gray-600);border:1px solid var(--gray-200);border-radius:var(--radius-lg);cursor:pointer;appearance:none;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%236B7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E") no-repeat;background-position:right var(--space-3)center;padding-right:var(--space-6);transition:all .3s;display:flex}.form-select:hover{border-color:var(--flow-primary)}.form-select:focus{border-color:var(--flow-primary);outline:none;box-shadow:0 0 0 3px #4f46e51a}