.page-module__hM8NuG__pageContainer{background:#fff;min-height:100vh;padding-bottom:60px}.page-module__hM8NuG__sectionInner{max-width:1200px;margin:0 auto;padding:0 20px}.page-module__hM8NuG__roadmapHeader{padding-top:10px;padding-bottom:20px}.page-module__hM8NuG__headerTitle{color:#232f3e;text-align:left;margin-bottom:16px;font-size:24px;font-weight:800}.page-module__hM8NuG__roadmapScroll{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.page-module__hM8NuG__roadmapCard{background-color:#f0f0f0;background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:16px;flex-direction:column;justify-content:center;height:160px;padding:20px;transition:transform .2s;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 12px #00000026}.page-module__hM8NuG__roadmapCard:hover{transform:translateY(-4px)}.page-module__hM8NuG__cardContent{z-index:2;color:#fff;text-shadow:0 2px 10px #000c;position:relative}.page-module__hM8NuG__stepBadge{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0006;border:1px solid #ffffff4d;border-radius:12px;margin-bottom:8px;padding:4px 10px;font-size:12px;font-weight:700;display:inline-block}.page-module__hM8NuG__stepTitle{margin:0 0 4px;font-size:20px;font-weight:800}.page-module__hM8NuG__stepSub{opacity:.95;margin:0;font-size:14px;font-weight:500}.page-module__hM8NuG__searchSection{margin-top:10px;margin-bottom:30px}.page-module__hM8NuG__searchBox{background:#fff;border:2px solid #eee;border-radius:12px;align-items:center;width:100%;padding:12px 16px;transition:all .2s;display:flex;position:relative}.page-module__hM8NuG__searchBox:focus-within{border-color:#232f3e;box-shadow:0 4px 12px #0000000d}.page-module__hM8NuG__searchIcon{opacity:.7;margin-right:12px}.page-module__hM8NuG__searchInput{color:#333;background:0 0;border:none;outline:none;flex:1;width:100%;font-size:16px}.page-module__hM8NuG__clearBtn{color:#666;cursor:pointer;background:#eee;border:none;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;margin-left:8px;font-size:14px;display:flex}.page-module__hM8NuG__sectionTitle{color:#232f3e;text-align:left;margin-top:0;margin-bottom:16px;font-size:24px;font-weight:800}.page-module__hM8NuG__splitLayout{grid-template-columns:220px 1fr;align-items:start;gap:40px;display:grid}.page-module__hM8NuG__categorySidebar{flex-direction:column;gap:4px;display:flex;position:sticky;top:80px}.page-module__hM8NuG__catBtn{color:#545b64;cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;border-radius:12px;align-items:center;gap:12px;width:100%;padding:10px 16px;font-size:16px;font-weight:600;transition:all .2s;display:flex}.page-module__hM8NuG__catBtn:hover{color:#232f3e;background-color:#f2f3f3}.page-module__hM8NuG__active{color:#fff;background-color:#232f3e;box-shadow:0 4px 12px #232f3e33}.page-module__hM8NuG__catIcon{justify-content:center;align-items:center;width:24px;height:24px;font-size:20px;display:flex}.page-module__hM8NuG__catName{flex:1}.page-module__hM8NuG__checkMark{font-size:14px;font-weight:700}.page-module__hM8NuG__contentArea{width:100%;min-width:0}.page-module__hM8NuG__noResult{text-align:center;color:#888;background:#f9f9f9;border-radius:16px;padding:60px;font-size:16px}.page-module__hM8NuG__eduGrid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.page-module__hM8NuG__eduCard{cursor:pointer;background:#fff;border:1px solid #f0f0f0;border-radius:20px;flex-direction:column;gap:16px;padding:20px;transition:all .2s cubic-bezier(.25,.8,.25,1);display:flex;position:relative;box-shadow:0 4px 20px #00000008}.page-module__hM8NuG__eduCard:hover{border-color:#e0e0e0;transform:translateY(-5px);box-shadow:0 12px 30px #00000014}.page-module__hM8NuG__cardHeader{justify-content:space-between;align-items:flex-start;display:flex}.page-module__hM8NuG__iconBox{border-radius:14px;justify-content:center;align-items:center;width:50px;height:50px;font-size:26px;display:flex}.page-module__hM8NuG__arrowBtn{color:#b0b8c1;background:#f9fafb;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;transition:all .2s;display:flex}.page-module__hM8NuG__eduCard:hover .page-module__hM8NuG__arrowBtn{color:#fff;background:#232f3e}.page-module__hM8NuG__cardInfo{flex-direction:column;gap:6px;display:flex}.page-module__hM8NuG__categoryTag{border-radius:6px;align-self:flex-start;padding:4px 8px;font-size:11px;font-weight:700}.page-module__hM8NuG__infoTitle{color:#191f28;margin:0;font-size:17px;font-weight:800;line-height:1.35}.page-module__hM8NuG__infoDesc{color:#6b7684;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:13px;line-height:1.5;display:-webkit-box;overflow:hidden}.page-module__hM8NuG__catGreen{color:#2e7d32;background:#e8f5e9}.page-module__hM8NuG__catBlue{color:#1565c0;background:#e3f2fd}.page-module__hM8NuG__catPurple{color:#7b1fa2;background:#f3e5f5}.page-module__hM8NuG__catOrange{color:#ef6c00;background:#fff3e0}.page-module__hM8NuG__catGray{color:#616161;background:#f5f5f5}@media (min-width:1024px){.page-module__hM8NuG__eduGrid{grid-template-columns:repeat(3,1fr)}}@media (min-width:768px) and (max-width:1023px){.page-module__hM8NuG__eduGrid{grid-template-columns:repeat(2,1fr)}.page-module__hM8NuG__roadmapScroll{grid-template-columns:repeat(2,1fr);gap:12px}.page-module__hM8NuG__roadmapCard{height:140px}}@media (max-width:767px){.page-module__hM8NuG__splitLayout{flex-direction:column;gap:12px;display:flex}.page-module__hM8NuG__sectionTitle{margin-bottom:8px;font-size:20px}.page-module__hM8NuG__categorySidebar{flex-flow:wrap;gap:8px;width:100%;margin-bottom:4px;padding-bottom:0;position:static;top:0;overflow-x:visible}.page-module__hM8NuG__catBtn{color:#545b64;background-color:#fff;border:1px solid #eee;flex-grow:0;flex-shrink:0;width:auto;height:40px;padding:0 12px;font-size:14px}.page-module__hM8NuG__catBtn.page-module__hM8NuG__active{border-color:#232f3e;color:#fff!important;background-color:#232f3e!important}.page-module__hM8NuG__eduGrid{grid-template-columns:1fr;gap:12px}.page-module__hM8NuG__roadmapScroll{grid-template-columns:repeat(2,1fr);gap:12px}.page-module__hM8NuG__roadmapCard{height:130px}}