.video-tutorial-page{background:#f4f7fb;color:#15213b}.video-tutorial-hero{padding:64px max(24px,calc((100vw - 1240px)/2));background:radial-gradient(circle at 80% 0,#315fbf 0,transparent 30%),linear-gradient(130deg,#0d1b32,#173760);color:#fff}.video-tutorial-hero span{color:#7fa6ff;font-size:12px;font-weight:900;letter-spacing:2px}.video-tutorial-hero h1{margin:13px 0 14px;font-size:42px}.video-tutorial-hero p{max-width:720px;margin:0;color:#b9c8dd;line-height:1.9}.video-course-layout{max-width:1240px;margin:0 auto;padding:36px 24px 90px;display:grid;grid-template-columns:300px minmax(0,1fr);gap:24px;align-items:start}.video-course-list,.video-course-player{border:1px solid #e0e6ef;border-radius:18px;background:#fff;box-shadow:0 12px 34px #18305a0a}.video-course-list{position:sticky;top:88px;overflow:hidden}.video-course-list header{padding:20px;border-bottom:1px solid #edf0f4}.video-course-list h2{margin:0;font-size:18px}.video-course-list p{margin:7px 0 0;color:#8a96a7;font-size:12px}.video-course-list nav{display:grid;padding:9px}.video-course-list a{display:grid;grid-template-columns:46px minmax(0,1fr);gap:11px;align-items:center;padding:13px;border-radius:11px;color:#516078;text-decoration:none}.video-course-list a:hover,.video-course-list a.active{background:#edf3ff;color:#275dd9}.video-course-list a>span{width:42px;height:42px;display:grid;place-items:center;border-radius:11px;background:#f0f3f8;color:#738096;font-size:12px;font-weight:900}.video-course-list a.active>span{background:#3268ec;color:#fff}.video-course-list b,.video-course-list small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.video-course-list b{font-size:13px}.video-course-list small{margin-top:5px;color:#96a0ae;font-size:10px}.video-course-player{padding:24px}.video-course-player .lesson-kicker{display:inline-flex;padding:6px 10px;border-radius:8px;background:#edf3ff;color:#3268ec;font-size:11px;font-weight:900}.video-course-player h2{margin:15px 0 9px;font-size:27px}.video-course-player>p{margin:0 0 21px;color:#6f7c90;line-height:1.8}.tutorial-video-frame{overflow:hidden;border-radius:15px;background:#05080e;box-shadow:0 16px 40px #0c1a3040}.tutorial-video-frame video{display:block;width:100%;max-height:70vh;aspect-ratio:16/9;background:#05080e}.video-meta{display:flex;gap:18px;margin-top:16px;color:#8894a5;font-size:11px}.video-empty{padding:80px 30px;text-align:center}.video-empty h2{margin:0 0 9px}.video-empty p{color:#8591a3}.video-tutorial-page .site-footer{margin-top:0}
@media(max-width:820px){.video-course-layout{grid-template-columns:1fr}.video-course-list{position:static}.video-course-list nav{grid-template-columns:1fr 1fr}.video-tutorial-hero h1{font-size:34px}}
@media(max-width:560px){.video-tutorial-hero{padding:45px 18px}.video-course-layout{padding:20px 14px 60px}.video-course-list nav{grid-template-columns:1fr}.video-course-player{padding:15px}.video-course-player h2{font-size:22px}.video-meta{flex-direction:column;gap:6px}}