body[data-page=video]{--vl-ink:#142d50;--vl-muted:#667991;--vl-card:#fff;--vl-line:#dce6f2;--vl-soft:#f5f8fd}
.vl-page{max-width:1440px;margin:0 auto;color:var(--vl-ink)}
.vl-page *{box-sizing:border-box}.vl-page a{text-decoration:none}.vl-page svg{width:20px;height:20px;flex-shrink:0}.vl-hero{display:grid;grid-template-columns:minmax(0,1fr) 285px;align-items:center;gap:48px;padding:46px 48px;background:radial-gradient(ellipse at 90% 0%,#286cbe55,transparent 55%),linear-gradient(125deg,#102b55,#123e75);border:1px solid #244e81;border-radius:24px;position:relative;overflow:hidden;color:#fff;box-shadow:0 14px 35px #11356116}.vl-hero-copy{position:relative;z-index:1}.vl-eyebrow{display:flex;align-items:center;gap:9px;font-size:11px;font-weight:700;letter-spacing:1.8px;color:#b7d5ff}.vl-eyebrow>span{width:7px;height:7px;border-radius:50%;background:#58dfc6;box-shadow:0 0 0 5px #58dfc615}.vl-hero h1{font-size:clamp(30px,3.2vw,49px);letter-spacing:-1.7px;line-height:1.15;color:#fff;margin:22px 0 18px}.vl-hero h1 em{font-style:normal;color:#8be3d5}.vl-hero-copy>p{max-width:600px;font-size:15px;line-height:1.85;color:#c8d9ef;margin:0}.vl-hero-actions{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin-top:28px}.vl-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:13px 19px;border-radius:11px;font-size:13px;font-weight:650;line-height:1.5;transition:transform .16s,box-shadow .16s}.vl-button:hover{transform:translateY(-2px);box-shadow:0 6px 14px #0002}.vl-button-white{color:#173d6d;background:#fff}.vl-hero-note{font-size:12px;color:#c2d8f0}.vl-hero-topics{display:flex;gap:9px;flex-wrap:wrap;margin-top:30px}.vl-hero-topics span{font-size:11px;color:#c7def8;padding:6px 11px;border:1px solid #ffffff26;border-radius:7px;background:#ffffff08}.vl-author{text-align:center;position:relative;padding:18px 16px 20px;border:1px solid #ffffff26;border-radius:20px;background:#ffffff09}.vl-portrait{width:148px;height:148px;margin:0 auto 20px;border:5px solid #ffffffd9;border-radius:24px;overflow:hidden;box-shadow:0 8px 22px #0002}.vl-portrait img{display:block;width:100%;height:100%;object-fit:cover}.vl-author-info>span{color:#a8c6e9;font-size:9px;letter-spacing:1.7px;font-weight:700}.vl-author-info h2{color:#fff;font-size:23px;margin:8px 0}.vl-author-info p{color:#c1d5ed;font-size:12px;line-height:1.8;margin:0}.vl-courses{scroll-margin-top:24px;margin-top:38px}.vl-section-head{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:22px}.vl-section-kicker{font-size:10px;letter-spacing:1.5px;font-weight:700;color:#52759a}.vl-section-head h2,.vl-follow h2{font-size:25px;letter-spacing:-.6px;line-height:1.3;margin:8px 0 0;color:var(--vl-ink)}.vl-section-head>p{color:var(--vl-muted);font-size:12px;line-height:1.7;margin:0}.vl-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.vl-course{min-width:0;display:flex;flex-direction:column;border:1px solid var(--vl-line);border-radius:18px;overflow:hidden;background:var(--vl-card);box-shadow:0 4px 15px #102e5205;transition:box-shadow .18s,border-color .18s}.vl-course:hover{box-shadow:0 12px 25px #102e5210;border-color:var(--accent)}.vl-computer{--accent:#285dc5;--tint:#edf3ff;--cover:#eaf1fe}.vl-word{--accent:#7448b8;--tint:#f3edfc;--cover:#f0eafa}.vl-excel{--accent:#078368;--tint:#e8f7f1;--cover:#e4f4ec}.vl-cover{height:175px;position:relative;background:var(--cover);overflow:hidden;padding:20px}.vl-cover-number{position:absolute;left:20px;top:17px;color:var(--accent);font-size:11px;font-weight:700;letter-spacing:2px;opacity:.7}.vl-app-mark{position:absolute;z-index:2;left:26px;top:48px;width:62px;height:66px;display:flex;align-items:center;justify-content:center;background:var(--accent);border:1px solid #ffffff70;border-radius:14px;color:#fff;font-size:31px;font-weight:750;box-shadow:8px 10px 20px #1738601c}.vl-computer .vl-app-mark{font-size:23px}.vl-cover-art{position:absolute;right:26px;top:24px;width:56%;height:112px;transform:rotate(-5deg);background:#ffffffd9;border:1px solid #ffffff;border-radius:9px;box-shadow:0 8px 18px #243c6212;overflow:hidden}.vl-art-top{height:22px;border-bottom:1px solid #dde6ee;display:flex;align-items:center;gap:4px;padding:0 10px}.vl-art-top i{width:4px;height:4px;border-radius:50%;background:var(--accent);opacity:.45}.vl-art-lines{padding:13px 16px;display:grid;gap:7px}.vl-art-lines b{display:block;height:5px;width:90%;background:var(--accent);opacity:.16;border-radius:2px}.vl-art-lines b:first-child{height:8px;width:60%;opacity:.4}.vl-art-lines b:last-child{width:67%}.vl-excel .vl-art-lines{height:80px;background:repeating-linear-gradient(0deg,transparent 0 17px,#0a8c6820 17px 18px),repeating-linear-gradient(90deg,transparent 0 32px,#0a8c6820 32px 33px);margin:0 10px}.vl-excel .vl-art-lines b{display:none}.vl-cover-caption{position:absolute;bottom:17px;left:20px;color:var(--accent);font-size:11px;font-weight:600}.vl-course-body{display:flex;flex:1;flex-direction:column;padding:24px}.vl-course-label{font-size:9px;letter-spacing:1.5px;color:var(--accent);font-weight:750}.vl-course h3{font-size:21px;line-height:1.35;letter-spacing:-.45px;color:var(--vl-ink);margin:12px 0;min-height:57px}.vl-course-body>p{font-size:13px;line-height:1.8;color:var(--vl-muted);margin:0 0 20px}.vl-topics{list-style:none;padding:0;margin:0 0 24px;display:grid;gap:9px}.vl-topics li{display:flex;align-items:center;gap:9px;font-size:12px;color:var(--vl-ink)}.vl-topics svg{width:15px;height:15px;color:var(--accent)}.vl-course-link{margin-top:auto;display:flex;align-items:center;gap:9px;min-height:46px;padding:10px 12px;border-radius:10px;color:var(--accent);background:var(--tint);border:1px solid transparent;font-size:12px;font-weight:700}.vl-course-link>svg:last-child{margin-left:auto;width:17px}.vl-course-link:hover{border-color:var(--accent)}.vl-play{display:flex}.vl-play svg{width:18px;height:18px}.vl-external-note{display:block;font-size:10px;text-align:center;color:var(--vl-muted);margin-top:10px}.vl-follow{display:flex;align-items:center;justify-content:space-between;gap:30px;margin:28px 0 8px;padding:28px 30px;border-radius:18px;border:1px solid var(--vl-line);background:var(--vl-card)}.vl-follow h2{font-size:21px}.vl-follow p{font-size:12px;color:var(--vl-muted);line-height:1.7;margin:10px 0 0}.vl-socials{display:flex;gap:10px;flex-wrap:wrap;flex-shrink:0}.vl-youtube{background:#e52e39;color:#fff}.vl-telegram{background:#097eae;color:#fff}.vl-page a:focus-visible{outline:3px solid #3882ea;outline-offset:4px}
[data-theme=dark] body[data-page=video]{--vl-ink:#e6eef9;--vl-muted:#b5c4d9;--vl-card:#1a2940;--vl-line:#344866;--vl-soft:#152237;background:#101b2d}[data-theme=dark] body[data-page=video] main{background:#101b2d}[data-theme=dark] .vl-section-kicker{color:#a5bfdf}[data-theme=dark] .vl-course-link{background:#24354c;color:#e5edfc}[data-theme=dark] .vl-course-label,[data-theme=dark] .vl-topics svg{color:#a9c9f7}
@media(max-width:1200px){.vl-hero{padding:32px;grid-template-columns:minmax(0,1fr) 240px;gap:28px}.vl-follow{align-items:start;flex-direction:column}.vl-course-body{padding:20px}.vl-course h3{font-size:19px}.vl-cover-art{right:18px}.vl-grid{gap:14px}}
@media(max-width:960px){body[data-page=video] .sidebar:not(.open){transform:translateX(-110%)}body[data-page=video] .sidebar.open{transform:translateX(0)}}
@media(max-width:700px){.vl-hero{grid-template-columns:1fr;padding:26px 22px;border-radius:18px;gap:24px}.vl-hero h1{font-size:34px;letter-spacing:-1.1px}.vl-hero-copy>p{font-size:14px}.vl-author{display:flex;align-items:center;gap:16px;text-align:left;padding:15px}.vl-portrait{width:78px;height:78px;flex-shrink:0;margin:0;border-width:3px;border-radius:16px}.vl-author-info h2{font-size:19px}.vl-author-info p{font-size:11px}.vl-author-info>span{font-size:8px}.vl-hero-topics{margin-top:22px}.vl-hero-actions{gap:12px}.vl-section-head{align-items:start;flex-direction:column;gap:10px}.vl-section-head h2{font-size:24px}.vl-section-head>p br{display:none}.vl-grid{grid-template-columns:1fr;gap:20px}.vl-course h3{min-height:0;font-size:22px}.vl-course-body{padding:23px}.vl-cover{height:165px}.vl-cover-art{width:50%;right:35px}.vl-app-mark{left:40px}.vl-follow{padding:23px}.vl-socials{width:100%;flex-direction:column}.vl-socials .vl-button{width:100%}.vl-follow h2{font-size:23px}}
@media(prefers-reduced-motion:reduce){.vl-button,.vl-course{transition:none}.vl-button:hover{transform:none}}
/* Editorial course library */
.vl-academy-head{display:flex;justify-content:space-between;align-items:center;gap:30px;padding:18px 0 30px}
.vl-academy-head .vl-section-kicker{display:flex;align-items:center;gap:9px;color:#a25420;letter-spacing:1.5px;font-size:10px;font-weight:750}
.vl-academy-head h1{font-size:clamp(34px,3.5vw,54px);line-height:1.12;letter-spacing:-1.8px;margin:20px 0;color:var(--vl-ink)}
.vl-academy-head h1 em{font-style:normal;color:#be5b23}.vl-academy-head p{color:var(--vl-muted);font-size:14px;line-height:1.85;margin:0}
.vl-channel-link{display:flex;gap:10px;align-items:center;padding:14px 18px;border-radius:12px;background:var(--vl-card);border:1px solid var(--vl-line);color:var(--vl-ink);font-size:13px;white-space:nowrap}.vl-channel-link>svg:first-child{color:#de343f}
.vl-mentor-strip{display:flex;align-items:center;gap:17px;padding:18px 24px;border:1px solid var(--vl-line);border-radius:16px;background:var(--vl-card)}
.vl-mentor-strip img{width:60px;height:66px;object-fit:cover;border-radius:10px}.vl-mentor-strip>div>span{font-size:9px;letter-spacing:1.2px;color:var(--vl-muted)}.vl-mentor-strip strong{display:block;font-size:18px;margin-top:5px}.vl-mentor-strip p{margin:5px 0 0;color:var(--vl-muted);font-size:12px}
.vl-learning-note{display:flex;align-items:center;gap:12px;margin-left:auto;padding-left:25px;border-left:1px solid var(--vl-line);font-size:12px;line-height:1.7;color:var(--vl-muted)}
.vl-page .vl-app-mark svg{width:35px;height:35px}
[data-theme=dark] .vl-academy-head h1 em,[data-theme=dark] .vl-academy-head .vl-section-kicker{color:#f6b17d}
@media(max-width:700px){.vl-academy-head{align-items:flex-start;flex-direction:column;gap:20px;padding-top:5px}.vl-academy-head h1{font-size:38px;letter-spacing:-1.2px}.vl-academy-head p br{display:none}.vl-mentor-strip{padding:16px;gap:12px}.vl-learning-note{display:none}.vl-mentor-strip strong{font-size:17px}.vl-mentor-strip p{font-size:11px}}