.cx{--cx-primary:#9e28b5;--cx-secondary:#0f206c;--cx-bg:#f7f8fc;--cx-card:#fff;--cx-border:#0f206c14;--cx-muted:#6b7280;--cx-text:#111827;--cx-radius:20px;--cx-gap:24px;background:var(--cx-bg);color:var(--cx-text);min-height:100%;padding-block:16px 32px}.cx__container{width:min(1280px,100%);margin-inline:auto;padding-inline:24px}.cx .sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.cx-head{flex-direction:row;justify-content:space-between;align-items:center;gap:12px;max-height:110px;margin-block:8px 16px;display:flex}.cx-head h1{color:var(--cx-secondary);letter-spacing:-.02em;margin:0;font-size:42px;font-weight:700;line-height:1.15}.cx-head p{color:var(--cx-muted);max-width:42rem;margin:0;font-size:15px;line-height:1.45}.cx-toolbar{flex-wrap:nowrap;align-items:center;gap:12px;margin-bottom:16px;display:flex}.cx-search{background:var(--cx-card);border:1px solid var(--cx-border);width:420px;max-width:100%;height:44px;color:var(--cx-muted);border-radius:12px;align-items:center;gap:8px;padding:0 16px;transition:border-color .2s,box-shadow .2s;display:flex}.cx-search:focus-within{color:var(--cx-secondary);border-color:#9e28b573;box-shadow:0 0 0 3px #9e28b51f}.cx-search input{min-width:0;color:var(--cx-text);background:0 0;border:0;outline:0;flex:1;font-size:15px}.cx-search input::placeholder{color:#9ca3af}.cx-select{position:relative}.cx-select select,.cx-tool-btn{border:1px solid var(--cx-border);background:var(--cx-card);height:44px;color:var(--cx-secondary);cursor:pointer;border-radius:12px;padding:0 16px;font-size:14px;font-weight:600;transition:border-color .2s,background .2s,color .2s}.cx-select select{appearance:none;background-image: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='%230F206C' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-position:14px 50%;background-repeat:no-repeat;padding-inline-end:36px}[dir=rtl] .cx-select select{background-position:right 14px center}.cx-tool-btn:hover,.cx-select select:hover{border-color:#9e28b559}.cx-tool-btn.is-active{background:var(--cx-primary);border-color:var(--cx-primary);color:#fff}@media (min-width:1025px){.cx-tool-btn{display:none}}.cx-view{border:1px solid var(--cx-border);background:var(--cx-card);border-radius:12px;gap:4px;height:44px;margin-inline-start:auto;padding:4px;display:inline-flex}.cx-view button{color:var(--cx-muted);cursor:pointer;background:0 0;border:0;border-radius:8px;padding:0 12px;font-size:13px;font-weight:600;transition:background .2s,color .2s}.cx-view button.is-active{color:var(--cx-primary);background:#9e28b51a}.cx-cats{scrollbar-width:thin;flex-wrap:nowrap;gap:8px;margin-bottom:24px;padding-bottom:4px;display:flex;overflow-x:auto}.cx-cats::-webkit-scrollbar{height:4px}.cx-cats::-webkit-scrollbar-thumb{background:#0f206c26;border-radius:999px}.cx-pill{border:1px solid var(--cx-border);background:var(--cx-card);height:40px;color:var(--cx-secondary);cursor:pointer;white-space:nowrap;border-radius:999px;flex:none;padding:0 16px;font-size:14px;font-weight:600;transition:background .2s,color .2s,border-color .2s,transform .2s}.cx-pill:hover{border-color:#9e28b559}.cx-pill.is-active{background:var(--cx-primary);border-color:var(--cx-primary);color:#fff}.cx-layout{grid-template-columns:260px minmax(0,1fr);align-items:start;gap:24px;display:grid}.cx-filters{background:var(--cx-card);border:1px solid var(--cx-border);border-radius:var(--cx-radius);padding:24px;position:sticky;top:16px;box-shadow:0 1px 2px #0f206c0a}.cx-filters__head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.cx-filters__head h2{color:var(--cx-secondary);margin:0;font-size:16px;font-weight:700}.cx-filters__close{width:32px;height:32px;color:var(--cx-muted);cursor:pointer;background:0 0;border:0;border-radius:8px;font-size:22px;line-height:1;display:none}.cx-filter-group{border-top:1px solid var(--cx-border);padding-block:16px}.cx-filter-group:first-of-type{border-top:0;padding-top:0}.cx-filter-group h3{letter-spacing:.02em;text-transform:uppercase;color:var(--cx-muted);margin:0 0 12px;font-size:13px;font-weight:700}.cx-check{color:var(--cx-text);cursor:pointer;align-items:center;gap:8px;margin-bottom:8px;font-size:14px;display:flex}.cx-check:last-child{margin-bottom:0}.cx-check input{accent-color:var(--cx-primary);width:16px;height:16px}.cx-reset{border:1px solid var(--cx-border);width:100%;height:44px;color:var(--cx-secondary);cursor:pointer;background:0 0;border-radius:12px;margin-top:8px;font-size:14px;font-weight:600;transition:background .2s,border-color .2s}.cx-reset:hover{background:#9e28b50f;border-color:#9e28b54d}.cx-filters-backdrop{display:none}.cx-main{min-width:0}.cx-count{color:var(--cx-muted);margin:0 0 16px;font-size:13px}.cx-grid{gap:var(--cx-gap);grid-template-columns:repeat(auto-fill,minmax(300px,1fr));display:grid}.cx-grid--list{grid-template-columns:1fr}.cx-card{background:var(--cx-card);border:1px solid var(--cx-border);border-radius:var(--cx-radius);flex-direction:column;transition:transform .25s,box-shadow .25s;display:flex;overflow:hidden;box-shadow:0 1px 2px #0f206c0a}.cx-card:hover{transform:translateY(-4px);box-shadow:0 16px 32px #0f206c1a}.cx-card--list{flex-direction:row}.cx-card--list .cx-card__media{border-radius:18px 0 0 18px;flex-shrink:0;width:min(280px,36%)}[dir=rtl] .cx-card--list .cx-card__media{border-radius:0 18px 18px 0}.cx-card__media{aspect-ratio:16/9;background:#e8eaf2;border-radius:18px 18px 0 0;display:block;position:relative;overflow:hidden}.cx-card__img{transition:transform .35s}.cx-card:hover .cx-card__img{transform:scale(1.03)}.cx-card__badges{inset-inline-start:12px;z-index:1;flex-wrap:wrap;gap:8px;max-width:calc(100% - 56px);display:flex;position:absolute;top:12px}.cx-badge{color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0f206cd1;border-radius:999px;align-items:center;height:24px;padding:0 8px;font-size:11px;font-weight:700;display:inline-flex}.cx-badge--live{background:#e11d48}.cx-badge--hot{background:var(--cx-primary)}.cx-badge--soon{background:#0f206c}.cx-card__wish{inset-inline-end:12px;z-index:1;width:36px;height:36px;color:var(--cx-secondary);cursor:pointer;background:#ffffffeb;border:0;border-radius:999px;place-items:center;transition:color .2s,transform .2s;display:grid;position:absolute;top:12px;box-shadow:0 2px 8px #0f206c1f}.cx-card__wish:hover{transform:scale(1.05)}.cx-card__wish.is-active{color:#e11d48}.cx-card__body{flex-direction:column;flex:1;gap:12px;padding:16px;display:flex}.cx-card__title{color:var(--cx-secondary);margin:0;font-size:20px;font-weight:600;line-height:1.35}.cx-card__title a{color:inherit;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-decoration:none;display:-webkit-box;overflow:hidden}.cx-card__desc{color:var(--cx-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:15px;line-height:1.5;display:-webkit-box;overflow:hidden}.cx-card__instructor{color:var(--cx-text);align-items:center;gap:8px;font-size:13px;font-weight:600;display:flex}.cx-card__avatar{background:#e8eaf2;border-radius:999px;flex-shrink:0;width:28px;height:28px;overflow:hidden}.cx-card__meta{color:var(--cx-muted);white-space:nowrap;text-overflow:ellipsis;flex-wrap:nowrap;align-items:center;gap:12px;font-size:13px;display:flex;overflow:hidden}.cx-card__meta span+span:before{content:"·";color:#c4c9d4;margin-inline-end:12px}.cx-card__cta{background:var(--cx-primary);cursor:pointer;border:0;border-radius:12px;justify-content:center;align-items:center;width:100%;height:44px;margin-top:auto;font-size:14px;font-weight:700;text-decoration:none;transition:background .2s,transform .2s;display:inline-flex;color:#fff!important}.cx-card__cta:hover{background:#861fa0}.cx-empty{text-align:center;background:var(--cx-card);border:1px solid var(--cx-border);border-radius:var(--cx-radius);flex-direction:column;align-items:center;gap:12px;padding:48px 24px;display:flex}.cx-empty__art{width:80px;height:80px;color:var(--cx-primary);background:#9e28b514;border-radius:999px;place-items:center;display:grid}.cx-empty h3{color:var(--cx-secondary);margin:0;font-size:22px;font-weight:700}.cx-empty p{color:var(--cx-muted);margin:0;font-size:15px}.cx-empty .cx-card__cta{width:auto;min-width:200px;margin-top:8px;padding-inline:24px}.cx-pages{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin-top:32px;display:flex}.cx-pages button{border:1px solid var(--cx-border);background:var(--cx-card);min-width:40px;height:40px;color:var(--cx-secondary);cursor:pointer;border-radius:12px;padding:0 12px;font-size:14px;font-weight:600;transition:background .2s,color .2s,border-color .2s}.cx-pages button:hover:not(:disabled):not(.is-active){border-color:#9e28b559}.cx-pages button.is-active{background:var(--cx-primary);border-color:var(--cx-primary);color:#fff}.cx-pages button:disabled{opacity:.4;cursor:not-allowed}@media (max-width:1024px){.cx-layout{grid-template-columns:1fr}.cx-filters{z-index:80;inset-block:0;inset-inline-start:0;border-radius:0;width:min(320px,88vw);max-height:100dvh;transition:transform .28s;position:fixed;top:0;overflow-y:auto;transform:translate(-105%)}[dir=rtl] .cx-filters{inset-inline:auto 0;transform:translate(105%)}.cx-filters.is-open{transform:translate(0)}.cx-filters__close{place-items:center;display:grid}.cx-filters-backdrop{z-index:70;cursor:pointer;background:#0f206c59;border:0;display:block;position:fixed;inset:0}.cx-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:700px){.cx__container{padding-inline:16px}.cx-head{max-height:none;margin-bottom:16px}.cx-head h1{font-size:28px}.cx-toolbar{flex-wrap:wrap}.cx-search{order:-1;width:100%}.cx-view{margin-inline-start:0}.cx-grid,.cx-grid--list{grid-template-columns:1fr}.cx-card--list{flex-direction:column}.cx-card--list .cx-card__media,[dir=rtl] .cx-card--list .cx-card__media{border-radius:18px 18px 0 0;width:100%}.cx-card__title{font-size:18px}}@media (prefers-reduced-motion:reduce){.cx-card,.cx-card__img,.cx-pill,.cx-filters{transition:none}.cx-card:hover,.cx-card:hover .cx-card__img{transform:none}}.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-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__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__empty{text-align:center;padding:var(--space-20)var(--space-6);color:var(--text-secondary)}.courses-page__empty h3{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-navy);margin:var(--space-4)0 var(--space-2)}@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}}