@import"https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,wght@0,400&display=swap";.cl-page{font-family:Nunito Sans,sans-serif;color:#1c1c1c;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;position:relative}.cl-page{--lp2-brand: #2e3777;--lp2-on-brand: #ffffff;--lp2-brand-container: #dbe0fb;--lp2-on-brand-container: #282d79;--lp2-green: #25af70;--lp2-on-green: #ffffff;--lp2-orange: #f79221;--lp2-on-orange: #ffffff;--lp2-blue-container: #a6def6;--lp2-on-surface: #1c1c1c;--lp2-on-surface-variant: #4d4d4f;--lp2-surface: #f9f9f9;--lp2-surface-bright: #f9f9f9;--lp2-surface-container-low: #efefef;--lp2-surface-container-lowest: #ffffff;--lp2-outline: #666666;--lp2-outline-variant: #c2c2c2;--lp2-white: #ffffff;--lp2-primary: #2e3777;--lp2-sp-2: 4px;--lp2-sp-3: 8px;--lp2-sp-4: 12px;--lp2-sp-5: 16px;--lp2-sp-6: 24px;--lp2-sp-7: 32px;--lp2-sp-8: 40px;--lp2-sp-9: 48px;--lp2-sp-10: 64px;--lp2-sp-11: 80px;--lp2-sp-12: 96px;--lp2-corner-sm: 8px;--lp2-corner-md: 12px;--lp2-corner-lg: 16px;--lp2-corner-full: 1000px;--lp2-stroke-1: 1px;--lp2-max-w: 1280px}.cl-page{--cl-brand: #2e3777;--cl-on-brand: #ffffff;--cl-brand-container: #dbe0fb;--cl-on-brand-container: #282d79;--cl-green: #25af70;--cl-orange: #f79221;--cl-pink: #e82d79;--cl-on-surface: #1c1c1c;--cl-on-surface-variant: #4d4d4f;--cl-surface-low: #efefef;--cl-surface-lowest: #ffffff;--cl-outline-variant: #c2c2c2;--cl-sp-2: 4px;--cl-sp-3: 8px;--cl-sp-4: 12px;--cl-sp-5: 16px;--cl-sp-6: 24px;--cl-sp-7: 32px;--cl-sp-8: 40px;--cl-sp-9: 48px;--cl-sp-10: 64px;--cl-sp-11: 80px;--cl-sp-12: 96px;--cl-sp-13: 160px;--cl-corner-sm: 8px;--cl-corner-md: 12px;--cl-corner-lg: 16px;--cl-corner-full: 1000px;--cl-max-w: 1280px;--cl-shadow-1: 0px 1px 2px 0px rgba(0, 0, 0, .3), 0px 1px 3px 1px rgba(0, 0, 0, .15)}.cl-discover{display:flex;flex-direction:column;align-items:center;padding:var(--cl-sp-13) var(--cl-sp-10) var(--cl-sp-11);width:100%;background:radial-gradient(ellipse at center top,#dbe0fb 25%,#fefdff),linear-gradient(90deg,#dbe0fb,#dbe0fb)}.cl-discover__container{display:flex;flex-direction:column;gap:var(--cl-sp-11);align-items:center;justify-content:center;max-width:var(--cl-max-w);width:100%}.cl-discover__title-block{display:flex;flex-direction:column;gap:var(--cl-sp-9);align-items:center;width:100%}.cl-discover__heading{font-size:32px;line-height:40px;font-weight:500;text-align:center;margin:0;width:100%}.cl-discover__heading span{color:var(--cl-on-surface)}.cl-discover__heading .cl-accent{color:var(--cl-on-brand-container)}.cl-discover__heading .cl-muted{color:var(--cl-on-surface-variant)}.cl-search{display:flex;align-items:center;max-width:720px;width:100%;height:56px;background:var(--cl-surface-low);border-radius:28px;overflow:hidden;transition:box-shadow .2s}.cl-search:focus-within{box-shadow:0 0 0 2px var(--cl-brand)}.cl-search__input{flex:1;height:100%;border:none;outline:none;background:transparent;padding:0 20px;font-family:Nunito Sans,sans-serif;font-size:16px;line-height:24px;color:var(--cl-on-surface);letter-spacing:.5px}.cl-search__input::-moz-placeholder{color:var(--cl-on-surface-variant)}.cl-search__input::placeholder{color:var(--cl-on-surface-variant)}.cl-search__btn{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border:none;background:transparent;cursor:pointer;border-radius:50%;color:var(--cl-on-surface-variant);transition:background .15s;flex-shrink:0;margin-right:4px}.cl-search__btn:hover{background:#0000000f}.cl-search__btn svg{width:24px;height:24px}.cl-section-header{display:flex;align-items:center;gap:var(--cl-sp-7);width:100%}.cl-section-header__text{display:flex;flex-direction:column;gap:var(--cl-sp-2);flex:1;min-width:0}.cl-section-header__title{font-size:24px;line-height:32px;font-weight:500;color:var(--cl-on-surface);margin:0}.cl-section-header__title--lg{font-size:28px;line-height:36px}.cl-section-header__desc{font-size:14px;line-height:20px;font-weight:500;color:#00000080;margin:0;letter-spacing:.25px}.cl-filter-chips{display:flex;gap:var(--cl-sp-3);align-items:center;flex-shrink:0}.cl-filter-chip{display:flex;align-items:center;justify-content:center;gap:8px;height:32px;padding:6px 8px 6px 16px;background:var(--cl-surface-low);border-radius:var(--cl-corner-sm);box-shadow:var(--cl-shadow-1);border:none;cursor:pointer;font-family:Nunito Sans,sans-serif;font-size:14px;line-height:20px;font-weight:600;color:var(--cl-on-surface-variant);letter-spacing:.1px;transition:background .15s,box-shadow .15s}.cl-filter-chip:hover{background:#e5e5e5}.cl-filter-chip__icon{width:18px;height:18px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.cl-filter-chip__icon svg{width:8px;height:5px}.cl-filter-dropdown{position:relative;display:inline-flex}.cl-filter-chip--active{background:var(--cl-brand-container);color:var(--cl-on-brand-container)}.cl-filter-chip--active .cl-filter-chip__icon{transform:rotate(180deg);transition:transform .2s}.cl-filter-chip__icon{transition:transform .2s}.cl-filter-dropdown__menu{position:absolute;top:calc(100% + 6px);right:0;z-index:20;min-width:160px;background:var(--cl-surface-lowest);border-radius:var(--cl-corner-md);box-shadow:0 4px 12px #00000026,0 1px 3px #0000001a;padding:4px 0;animation:cl-dropdown-in .15s ease-out;overflow:hidden}@keyframes cl-dropdown-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.cl-filter-dropdown__item{display:flex;align-items:center;gap:8px;width:100%;padding:10px 16px;border:none;background:transparent;cursor:pointer;font-family:Nunito Sans,sans-serif;font-size:14px;line-height:20px;font-weight:500;color:var(--cl-on-surface);letter-spacing:.1px;transition:background .1s;text-align:left}.cl-filter-dropdown__item:hover{background:var(--cl-surface-low)}.cl-filter-dropdown__item--active{font-weight:700;color:var(--cl-on-brand-container);background:var(--cl-brand-container)}.cl-filter-dropdown__item--active:hover{background:#cfd9f6}.cl-filter-dropdown__backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:19}.cl-cards-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px 24px;width:100%}.cl-card{display:flex;flex-direction:column;height:100%;background:var(--cl-surface-lowest);border-radius:var(--cl-corner-lg);box-shadow:var(--cl-shadow-1);overflow:hidden;transition:transform .2s,box-shadow .2s}.cl-card:hover{transform:translateY(-2px);box-shadow:0 4px 8px #00000026,0 2px 4px #0000001a}.cl-card__body{display:flex;flex-direction:column;flex-grow:1;gap:var(--cl-sp-4);padding:var(--cl-sp-5)}.cl-card__content{display:flex;flex-direction:column;gap:var(--cl-sp-4)}.cl-card__img-wrap{position:relative;width:100%;aspect-ratio:300 / 200;border-radius:var(--cl-corner-md);overflow:hidden}.cl-card__img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.cl-card__badge{position:absolute;top:4px;left:4px;display:inline-flex;align-items:center;padding:2px 8px;border-radius:100px;font-size:11px;line-height:16px;font-weight:600;color:#fff;letter-spacing:.5px;text-transform:capitalize}.cl-card__badge--beginner{background:var(--cl-green)}.cl-card__badge--intermediate{background:var(--cl-orange)}.cl-card__badge--advanced{background:var(--cl-pink)}.cl-card__details{display:flex;flex-direction:column;gap:var(--cl-sp-2);padding:var(--cl-sp-2) 0}.cl-card__title{font-size:16px;line-height:24px;font-weight:700;color:var(--cl-on-surface);margin:0;letter-spacing:.15px;text-decoration:none}.cl-card__desc{font-size:14px;line-height:20px;font-weight:400;color:var(--cl-on-surface-variant);margin:0;letter-spacing:.25px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;height:24px}.cl-card__profile{display:flex;flex-wrap:wrap;align-items:center;gap:8px 32px;padding-right:var(--cl-sp-3)}.cl-card__author{display:flex;align-items:center;gap:var(--cl-sp-2)}.cl-card__avatar{width:20px;height:20px;border-radius:50%;-o-object-fit:cover;object-fit:cover}.cl-card__author-name{font-size:14px;line-height:20px;font-weight:500;color:var(--cl-on-surface);letter-spacing:.25px}.cl-card__stats{display:flex;flex:1;gap:var(--cl-sp-3);align-items:center;justify-content:flex-end}.cl-card__stat{display:flex;align-items:center;gap:2px;border:none;background:transparent;padding:0;font:inherit;cursor:pointer}.cl-card__stat-icon{width:16px;height:16px;color:var(--cl-on-surface-variant);flex-shrink:0;display:flex;align-items:center;justify-content:center}.cl-card__stat-icon svg{width:16px;height:16px}.cl-card__stat-val{font-size:12px;line-height:16px;font-weight:400;color:var(--cl-on-surface-variant);letter-spacing:.4px}.cl-card__actions{border-top:1px solid var(--cl-outline-variant);padding:var(--cl-sp-4)}.cl-card__view-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;height:48px;border:1px solid var(--cl-outline-variant);border-radius:var(--cl-corner-md);background:transparent;color:var(--cl-on-surface-variant);font-family:Nunito Sans,sans-serif;font-size:14px;line-height:20px;font-weight:700;letter-spacing:.1px;text-decoration:none;cursor:pointer;transition:background .15s}.cl-card__view-btn:hover{background:#0000000d}.cl-card__view-btn svg{width:20px;height:20px}.cl-more{display:flex;flex-direction:column;align-items:center;padding:var(--cl-sp-12) var(--cl-sp-10);background:var(--cl-surface-low);width:100%}.cl-more__container{display:flex;flex-direction:column;gap:var(--cl-sp-7);align-items:flex-start;max-width:var(--cl-max-w);width:100%}.cl-pagination{display:flex;align-items:center;justify-content:center;gap:var(--cl-sp-5);width:100%}.cl-pagination__arrow{display:flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:50%;background:#dae2f9;border:none;cursor:pointer;color:var(--cl-on-brand-container);transition:background .15s,transform .1s}.cl-pagination__arrow:hover{background:#cfd9f6;transform:scale(1.05)}.cl-pagination__arrow:disabled{opacity:.5;cursor:not-allowed}.cl-pagination__arrow svg{width:24px;height:24px}.cl-pagination__pages{display:flex;align-items:center}.cl-pagination__page{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:var(--cl-brand-container);border:none;cursor:pointer;font-family:Nunito Sans,sans-serif;font-size:14px;line-height:20px;font-weight:600;color:#000;letter-spacing:.1px;transition:background .15s;margin:0 4px}.cl-pagination__page:hover{background:#cfd9f6}.cl-pagination__page--active{background:var(--cl-brand);color:var(--cl-on-brand);border-radius:var(--cl-corner-md)}.cl-pagination__page--active:hover{background:#3a4490}.cl-resources{display:flex;flex-direction:column;align-items:center;padding:var(--cl-sp-12) var(--cl-sp-10);background:var(--cl-surface-lowest);width:100%}.cl-resources__container{display:flex;flex-direction:column;gap:var(--cl-sp-7);align-items:center;justify-content:center;max-width:var(--cl-max-w);width:100%}.cl-resources__header{display:flex;flex-direction:column;gap:var(--cl-sp-2);width:100%}.cl-resources__title{font-size:28px;line-height:36px;font-weight:500;color:var(--cl-on-surface);margin:0}.cl-resources__desc{font-size:14px;line-height:20px;font-weight:500;color:#00000080;margin:0;letter-spacing:.25px}.cl-resources__cards{display:flex;gap:var(--cl-sp-8);width:100%}.cl-resource-card{display:flex;flex-direction:column;gap:var(--cl-sp-7);flex:1;max-width:396px}.cl-resource-card__graphic{width:100%;aspect-ratio:1;background:var(--cl-brand);border-radius:var(--cl-corner-sm);overflow:hidden;padding:var(--cl-sp-7) var(--cl-sp-7) 0 0;display:flex;flex-direction:column}.cl-resource-card__img{flex:1;width:100%;-o-object-fit:contain;object-fit:contain}.cl-resource-card__content{display:flex;flex-direction:column;gap:var(--cl-sp-5)}.cl-resource-card__text{display:flex;flex-direction:column;gap:var(--cl-sp-3);color:var(--cl-on-surface)}.cl-resource-card__title{font-size:22px;line-height:28px;font-weight:700;margin:0}.cl-resource-card__desc{font-size:16px;line-height:24px;font-weight:500;margin:0;letter-spacing:.5px}.cl-resource-card__btn{display:inline-flex;align-items:center;justify-content:center;padding:10px 16px;border:1px solid var(--cl-outline-variant);border-radius:var(--cl-corner-md);background:transparent;color:var(--cl-on-surface-variant);font-family:Nunito Sans,sans-serif;font-size:14px;line-height:20px;font-weight:700;letter-spacing:.1px;text-decoration:none;cursor:pointer;transition:background .15s;align-self:flex-start}.cl-resource-card__btn:hover{background:#0000000d}@media (max-width: 1024px){.cl-discover,.cl-more,.cl-resources{padding-left:var(--cl-sp-7);padding-right:var(--cl-sp-7)}.cl-cards-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cl-resources__cards{flex-direction:column;align-items:center}.cl-resource-card{max-width:100%}}@media (max-width: 768px){.cl-discover{padding-top:var(--cl-sp-12);padding-left:var(--cl-sp-5);padding-right:var(--cl-sp-5)}.cl-more,.cl-resources{padding-left:var(--cl-sp-5);padding-right:var(--cl-sp-5)}.cl-cards-grid{grid-template-columns:1fr}.cl-discover__heading{font-size:26px;line-height:34px}.cl-section-header{flex-direction:column;align-items:flex-start;gap:var(--cl-sp-5)}.cl-section-header__title{font-size:22px;line-height:28px}.cl-section-header__title--lg{font-size:24px;line-height:32px}.cl-pagination__arrow{width:44px;height:44px}.cl-resources__title{font-size:24px;line-height:32px}}