.course-library-page{background:#f5f8f7;min-height:100vh;padding-bottom:60px}.course-library-page>header{background:#fff;border-bottom:1px solid #dce5e1;align-items:center;gap:45px;height:76px;padding:0 max(22px,5vw);display:flex;overflow:visible}.course-library-page>header>a{color:#0b765e;letter-spacing:-.01em;white-space:nowrap;flex:none;padding-left:2px;font-size:24px;font-weight:900}.course-library-page nav{gap:30px;margin-left:auto;display:flex}.course-library-page nav a{color:#173a34;white-space:nowrap;font-size:16px;font-weight:700}.course-library-page nav a.active{color:#00a982}.cl-intro{max-width:1200px;margin:0 auto;padding:34px max(22px,5vw) 6px}.cl-intro h1{color:#0f2747;letter-spacing:-.01em;margin:0 0 8px;font-size:clamp(24px,3vw,32px);font-weight:900}.cl-intro p{color:#4c6560;margin:0;font-size:15px}.cl-filters{flex-wrap:wrap;gap:26px;max-width:1200px;margin:0 auto;padding:18px max(22px,5vw) 4px;display:flex}.cl-filter-group{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.cl-filter-label{color:#0f2747;flex:none;font-size:13px;font-weight:800}.cl-chips{flex-wrap:wrap;gap:8px;display:flex}.cl-chips button{color:#173a34;cursor:pointer;background:#fff;border:1px solid #cee0d9;border-radius:999px;padding:8px 16px;font-size:13.5px;font-weight:700}.cl-chips button.active{color:#fff;background:#00a982;border-color:#00a982}.cl-grid{grid-template-columns:1fr;gap:20px;max-width:1200px;margin:22px auto 0;padding:0 max(22px,5vw);display:grid}@media (min-width:641px){.cl-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.cl-grid{grid-template-columns:repeat(4,1fr)}}.cl-empty{text-align:center;color:#4c6560;grid-column:1/-1;padding:40px 0;font-size:14px}.course-card{cursor:pointer;background:#fff;border:1px solid #dfe8e4;border-radius:16px;flex-direction:column;transition:transform .15s,box-shadow .15s;display:flex;overflow:hidden;box-shadow:0 6px 18px -14px #0f274759}a.course-card:hover{transform:translateY(-2px);box-shadow:0 12px 22px -14px #0f274773}.course-card.is-soon{cursor:default;opacity:.92}.cc-image{aspect-ratio:369/194;background-color:#eef6f3;background-position:50%;background-size:cover;position:relative}.cc-image-beginner-speaking,.cc-image-travel-english,.cc-image-grammar-in-conversation,.cc-image-business-english,.cc-image-listening-stories,.cc-image-test-review,.cc-image-everyday-conversation,.cc-image-pronunciation-shadowing,.cc-image-healthcare-english,.cc-image-academic-english{background-repeat:no-repeat;background-size:contain}.cc-badge{color:#fff;letter-spacing:.01em;background:#0f2747;border-radius:999px;align-self:flex-start;padding:5px 11px;font-size:11.5px;font-weight:800}.cc-soon{color:#fff;background:#ff7a59;border-radius:999px;padding:5px 11px;font-size:11.5px;font-weight:800;position:absolute;top:10px;right:10px}.cc-body{flex-direction:column;flex:1;gap:6px;padding:14px 16px 16px;display:flex}.cc-body h3{color:#0f2747;margin:0;font-size:17px;font-weight:900}.cc-meta{color:#0b765e;align-items:center;gap:5px;margin:0;font-size:12.5px;font-weight:700;display:flex}.cc-desc{color:#4c6560;flex:1;margin:0;font-size:13px;line-height:1.6}.cc-cta{color:#fff;text-align:center;background:#00a982;border-radius:999px;justify-content:center;align-items:center;margin-top:8px;padding:9px 14px;font-size:13px;font-weight:800;display:inline-flex}.cc-cta.disabled{color:#8a9a96;background:#eef2f1}@media (max-width:600px){.course-library-page>header{gap:15px;height:58px;padding:0 14px}.course-library-page>header>a{font-size:17px}.course-library-page nav{gap:12px}.course-library-page nav a{font-size:15px}.course-library-page nav a:last-child{display:none}.cl-intro{padding:24px 14px 4px}.cl-filters{gap:16px;padding:14px 14px 2px}.cl-grid{padding:0 14px}}