.round-play{display:grid;place-items:center;margin:18px auto 0;width:40px;height:40px;border-radius:50%;background:#20202e;color:#fff;font-size:12px}.category-card-image{padding:10px;min-height:278px;overflow:hidden}.category-card-image>img{width:100%;height:155px;object-fit:cover;border-radius:14px;background:#f8f6ff}.category-card-image .category-overlay{position:absolute;top:19px;left:19px;right:19px;display:flex;justify-content:space-between;pointer-events:none}.category-card-image .category-icon{background:#ffffffd9;box-shadow:0 4px 14px #27223c1a}.category-card-image h3{margin:15px 8px 4px}.category-card-image p{margin:0 8px}.category-card-image small{display:block;margin:12px 8px 0;font-size:11px;font-weight:900;color:var(--card-color)}.lesson-link{display:block;color:inherit;transition:.22s}.lesson-link:hover{transform:translateY(-5px);box-shadow:0 15px 28px #50406012}.lesson-visual img,.lesson-visual video{width:100%;height:100%;object-fit:cover;position:relative}.lesson-play{position:absolute;bottom:13px;right:13px;z-index:2;display:grid;place-items:center;width:35px;height:35px;background:#20202e;color:#fff;border-radius:50%;font-size:11px}.detail-page,.lesson-page{min-height:calc(100vh - 88px)}.category-hero{max-width:1100px;margin:30px auto 0;padding:44px 55px;border-radius:30px;display:grid;grid-template-columns:1fr 320px;align-items:center;gap:30px;background:color-mix(in srgb,var(--category-color) 16%,white)}.category-hero h1,.lesson-detail h1{font:700 46px Quicksand,sans-serif;letter-spacing:-2px;margin:10px 0}.category-hero p{max-width:560px;font-size:16px;color:#666374;line-height:1.6}.category-hero>b{font-size:13px}.category-hero img{width:280px;height:280px;object-fit:cover;border-radius:24px;box-shadow:0 18px 35px #433f5a19}.back-link{display:inline-block;margin-bottom:20px;font-size:13px;font-weight:900;color:#8364c4}.submenus{max-width:1100px;margin:0 auto;padding:84px 0 110px}.submenu-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.submenu-card{border:1px solid #eeedf2;border-radius:18px;padding:8px;display:flex;gap:13px;align-items:center;min-height:116px;transition:.2s;background:#fff}.submenu-card:hover{transform:translateY(-3px);box-shadow:0 14px 25px #4a405a12}.submenu-card img{height:98px;width:98px;border-radius:13px;object-fit:cover;background:#f8f6ff}.submenu-card span{font-size:10px;font-weight:900;color:#a789e9}.submenu-card h3{font:700 17px Quicksand,sans-serif;margin:6px 0 4px}.submenu-card p{margin:0;font-size:11px;color:#827f8c}.empty-detail{color:#777587}.lesson-detail{max-width:1080px;margin:42px auto 110px;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.lesson-player{border-radius:28px;overflow:hidden;min-height:420px;background:color-mix(in srgb,var(--lesson-color) 50%,white);position:relative}.lesson-player img,.lesson-player video{display:block;width:100%;height:420px;object-fit:cover}.sample-badge{position:absolute;left:17px;bottom:17px;border-radius:99px;background:#ffffffe5;padding:8px 12px;font-size:11px;font-weight:900}.lesson-detail h1{font-size:48px}.lesson-detail>article>p{font-size:16px;line-height:1.65;color:#686574}.instruction{padding:17px 18px;border-radius:15px;background:#fbf9ff;border:1px solid #eee8ff;margin:25px 0}.instruction b{font-size:13px}.instruction p{font-size:12px;line-height:1.55;color:#716d7d;margin:6px 0 0}.study-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.study-steps div{padding:13px 8px;border-radius:13px;background:#fff7f2}.study-steps span{display:grid;place-items:center;width:23px;height:23px;border-radius:50%;background:#f1a47b;color:#fff;font-size:11px;font-weight:900}.study-steps b,.study-steps small{display:block}.study-steps b{font-size:12px;margin-top:8px}.study-steps small{font-size:10px;color:#7c7882;line-height:1.3;margin-top:3px}@media(max-width:760px){.category-grid-rich{grid-template-columns:repeat(2,1fr)}.category-card-image{min-height:218px}.category-card-image>img{height:104px}.category-card-image h3{font-size:14px;margin:11px 4px 3px}.category-card-image p{font-size:10px;margin:0 4px;line-height:1.25}.category-card-image small{margin:8px 4px 0;font-size:10px}.category-card-image .category-overlay{top:14px;left:14px;right:14px}.category-card-image .category-icon{width:35px;height:35px;font-size:17px}.category-hero{margin:12px 20px 0;padding:28px;display:block}.category-hero h1,.lesson-detail h1{font-size:34px;letter-spacing:-1.5px}.category-hero img{width:100%;height:200px;margin-top:20px}.submenus{padding:54px 20px 70px}.submenu-grid{grid-template-columns:1fr;gap:10px}.submenu-card{min-height:92px}.submenu-card img{width:76px;height:76px}.lesson-detail{display:flex;flex-direction:column;gap:27px;margin:22px 20px 70px}.lesson-player,.lesson-player img,.lesson-player video{width:100%;min-height:0;height:310px}.study-steps{gap:6px}}