.courses-page__header{padding:var(--space-16)0 var(--space-10);padding-top:calc(var(--header-height) + var(--space-16));margin-top:calc(-1*var(--header-height));color:#fff;background:linear-gradient(145deg,#0f0824 0%,#1a0e36 20%,#2d1b69 50%,#3b2380 80%,#4a2d94 100%);position:relative;overflow:hidden}.courses-page__header:before{content:"";top:-200px;pointer-events:none;background:radial-gradient(circle,#9448b026 0%,#0000 65%);border-radius:50%;width:500px;height:500px;position:absolute;inset-inline-end:-100px}.courses-page__header:after{content:"";bottom:-100px;pointer-events:none;background:radial-gradient(circle,#7c3aed1f 0%,#0000 65%);border-radius:50%;width:300px;height:300px;position:absolute;inset-inline-start:-50px}.courses-page__header-content{width:100%;max-width:var(--container-max);padding-inline:var(--container-padding);z-index:1;justify-content:space-between;align-items:center;margin-inline:auto;display:flex;position:relative}.courses-page__header-text{gap:var(--space-3);flex-direction:column;display:flex}.courses-page__title{font-size:clamp(1.75rem,4vw,2.5rem);font-weight:var(--font-weight-black);color:#fff;letter-spacing:-.02em;line-height:1.15}.courses-page__subtitle{font-size:var(--font-size-base);color:#fff9;max-width:420px;line-height:1.6}.courses-page__icon{color:#ffffff14;filter:drop-shadow(0 0 40px #9448b026);flex-shrink:0;width:80px;height:80px}.courses-page__filters{width:100%;max-width:var(--container-max);padding:var(--space-5)var(--container-padding);gap:var(--space-4);top:var(--header-height,64px);z-index:10;-webkit-backdrop-filter:blur(20px)saturate(1.5);background:#ffffffeb;border-bottom:1px solid #001c3d0f;flex-direction:column;margin-inline:auto;display:flex;position:sticky;box-shadow:0 1px 12px #00000008}.courses-page__search{flex-shrink:0;width:100%;max-width:420px;position:relative}.courses-page__search-input{padding:12px 20px;border-radius:var(--radius-full);width:100%;font-size:var(--font-size-sm);color:var(--color-navy);background:#fff;border:1.5px solid #001c3d1a;outline:none;padding-inline-start:48px;transition:all .25s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 4px #0000000a}.courses-page__search-input::placeholder{color:#001c3d52}.courses-page__search-input:hover{border-color:#001c3d2e;box-shadow:0 2px 8px #0000000f}.courses-page__search-input:focus{border-color:var(--color-primary);background:#fff;box-shadow:0 0 0 4px #9448b01a,0 2px 8px #0000000f}.courses-page__search-icon{inset-inline-start:16px;color:#001c3d4d;pointer-events:none;width:18px;height:18px;transition:color .2s;position:absolute;top:50%;transform:translateY(-50%)}.courses-page__search:focus-within .courses-page__search-icon{color:var(--color-primary)}.courses-page__tabs{flex-wrap:wrap;align-items:center;gap:8px;min-width:0;display:flex}.courses-page__tab{border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-secondary);cursor:pointer;background:#fff;border:1.5px solid #001c3d14;padding:8px 20px;transition:all .25s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 1px 3px #00000008}.courses-page__tab:hover{color:var(--color-primary);background:#9448b00a;border-color:#9448b04d;transform:translateY(-1px);box-shadow:0 2px 8px #9448b014}.courses-page__tab.active{background:linear-gradient(135deg,var(--color-primary),#7c3aed);color:#fff;font-weight:var(--font-weight-semibold);border-color:#0000;transform:translateY(-1px);box-shadow:0 4px 14px #9448b047}.courses-page__grid{width:100%;max-width:var(--container-max);padding:var(--space-8)var(--container-padding)var(--space-16);min-height:50vh;margin-inline:auto}.courses-page__results{margin-bottom:var(--space-6);justify-content:space-between;align-items:center;display:flex}.courses-page__count{font-size:var(--font-size-sm);color:var(--text-secondary);font-weight:var(--font-weight-medium);align-items:center;gap:6px;display:flex}.courses-page__count:before{content:"";background:linear-gradient(180deg,var(--color-primary),#7c3aed);border-radius:2px;flex-shrink:0;width:3px;height:16px;display:inline-block}.courses-page__sort{padding:var(--space-2)var(--space-4);border-radius:var(--radius-md);font-size:var(--font-size-sm);color:var(--color-navy);cursor:pointer;background:#fff;border:1px solid #001c3d1a}.pagination{justify-content:center;align-items:center;gap:var(--space-2);padding-top:var(--space-12);display:flex}.pagination__btn{border-radius:var(--radius-lg);width:42px;height:42px;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-secondary);cursor:pointer;background:#fff;border:1.5px solid #001c3d14;justify-content:center;align-items:center;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 1px 3px #00000008}.pagination__btn:hover{color:var(--color-primary);background:#9448b00a;border-color:#9448b04d;transform:translateY(-1px);box-shadow:0 3px 8px #9448b014}.pagination__btn.active{background:linear-gradient(135deg,var(--color-primary),#7c3aed);color:#fff;border-color:#0000;transform:translateY(-1px);box-shadow:0 4px 12px #9448b040}.pagination__btn:disabled{opacity:.35;cursor:not-allowed;box-shadow:none;transform:none}.courses-page__empty{text-align:center;padding:var(--space-20)var(--space-6);color:var(--text-secondary)}.courses-page__empty-icon{width:80px;height:80px;margin:0 auto var(--space-5);color:#001c3d1a}.courses-page__empty-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-navy);margin-bottom:var(--space-2)}@media (max-width:1024px){.courses-page__search{max-width:360px}}@media (max-width:768px){.courses-page__header{padding:var(--space-10)0 var(--space-8);padding-top:calc(var(--header-height) + var(--space-10))}.courses-page__header-content{text-align:center;gap:var(--space-4);flex-direction:column}.courses-page__subtitle{margin-inline:auto}.courses-page__title{font-size:var(--font-size-2xl)}.courses-page__filters{gap:var(--space-3)}.courses-page__search{max-width:100%}.courses-page__tabs{-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-wrap:nowrap;gap:6px;padding-bottom:2px;overflow-x:auto}.courses-page__tabs::-webkit-scrollbar{display:none}.courses-page__tab{white-space:nowrap;flex-shrink:0;padding:7px 16px;font-size:.8125rem}.courses-page__grid{padding-bottom:var(--space-10)}}@media (max-width:480px){.courses-page__header{padding:var(--space-8)0 var(--space-6);padding-top:calc(var(--header-height) + var(--space-8))}.courses-page__icon{display:none}.courses-page__filters{padding:var(--space-4)var(--container-padding)}}
