.tutorial-video-modal{padding:24px;z-index:2200;align-items:center;justify-content:center;overflow:auto;background:rgba(2,7,19,.84);backdrop-filter:blur(14px)}
.tutorial-video-shell{position:relative;display:grid;grid-template-columns:minmax(270px,.82fr) minmax(300px,1.18fr);gap:0;width:min(1080px,100%);min-height:560px;overflow:hidden;border:1px solid rgba(104,188,255,.42);border-radius:28px;background:linear-gradient(145deg,#102b51 0%,#06142b 58%,#06111f 100%);box-shadow:0 34px 100px rgba(0,0,0,.58),0 0 60px rgba(28,151,255,.15)}
.tutorial-video-shell:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 7% 10%,rgba(45,173,255,.25),transparent 29%),linear-gradient(120deg,transparent 45%,rgba(77,185,255,.09) 45.2%,transparent 45.7%)}
.tutorial-video-copy,.tutorial-video-player-wrap{position:relative;padding:42px}
.tutorial-video-copy{display:flex;flex-direction:column;justify-content:center;border-right:1px solid rgba(142,208,255,.17)}
.tutorial-video-copy .eyebrow{margin:0 0 15px;color:#78d8ff;font-size:.72rem;letter-spacing:.16em;font-weight:900}
.tutorial-video-copy h2{max-width:360px;margin:0;color:#f6fbff;font-size:clamp(1.9rem,4vw,3.15rem);line-height:1.03;letter-spacing:-.045em}
.tutorial-video-copy>p:not(.eyebrow){margin:18px 0 24px;color:#bfd2e9;font-size:.98rem;line-height:1.62}
.tutorial-video-steps{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:0;padding:0;list-style:none}
.tutorial-video-steps li{display:flex;align-items:center;gap:8px;padding:10px 11px;border:1px solid rgba(136,205,255,.14);border-radius:11px;background:rgba(3,16,38,.46);color:#e1efff;font-size:.77rem;font-weight:750}
.tutorial-video-steps b{color:#5bd6ff;font-size:.67rem;letter-spacing:.08em}
.tutorial-video-skip{align-self:flex-start;margin:22px 0 -10px;padding:0;border:0;background:transparent;color:#94c9f4;font:inherit;font-weight:800;cursor:pointer;text-decoration:underline;text-underline-offset:4px}
.tutorial-video-skip:hover{color:#fff}
.tutorial-video-player-wrap{display:flex;flex-direction:column;justify-content:center;min-width:0;background:linear-gradient(135deg,rgba(40,159,255,.08),rgba(3,9,22,.16))}
.tutorial-video-quality{display:flex;align-items:center;gap:7px;margin:0 0 11px;color:#89d9ff;font-size:.67rem;font-weight:900;letter-spacing:.13em}
.tutorial-video-quality span{width:7px;height:7px;border-radius:50%;background:#39e4b5;box-shadow:0 0 14px #39e4b5}
.tutorial-video-player-wrap video{display:block;width:100%;max-height:min(72vh,640px);border:1px solid rgba(135,211,255,.45);border-radius:19px;background:#010611;box-shadow:0 20px 45px rgba(0,0,0,.38);object-fit:contain}
.tutorial-video-player-wrap>p{margin:12px 0 0;color:#9ab4ce;font-size:.76rem;line-height:1.45}
.tutorial-video-close{position:absolute;z-index:2;right:14px;top:14px;width:38px;height:38px;border-radius:50%;background:rgba(5,18,38,.76);color:#ddecff}
.academy-tutorials-view{max-width:1180px;margin:0 auto;padding:18px 0 54px}
.academy-video-card{display:grid;grid-template-columns:minmax(220px,.85fr) minmax(260px,1.25fr);overflow:hidden;border:1px solid rgba(72,177,255,.32);border-radius:24px;background:linear-gradient(130deg,#0d315d,#07162b 65%);box-shadow:0 18px 42px rgba(0,0,0,.18)}
.academy-video-thumb{position:relative;display:flex;align-items:flex-end;min-height:285px;padding:22px;background:linear-gradient(0deg,rgba(3,13,29,.9),rgba(3,13,29,.1)),url('./assets/dashboard-market-hero.png') center/cover}
.academy-video-thumb:after{content:'▶';display:grid;place-items:center;position:absolute;top:50%;left:50%;width:68px;height:68px;transform:translate(-50%,-50%);border:2px solid rgba(255,255,255,.88);border-radius:50%;background:rgba(13,161,246,.73);color:white;font-size:1.7rem;box-shadow:0 0 30px rgba(57,198,255,.8)}
.academy-video-thumb span{position:relative;z-index:1;padding:7px 10px;border-radius:999px;background:rgba(2,12,27,.76);color:#e6f6ff;font-size:.73rem;font-weight:900;letter-spacing:.08em}
.academy-video-copy{padding:34px}.academy-video-copy .eyebrow{color:#74d3ff;font-weight:900;font-size:.72rem;letter-spacing:.15em}.academy-video-copy h2{margin:10px 0;color:#fff;font-size:clamp(1.55rem,3vw,2.35rem);line-height:1.08}.academy-video-copy p{max-width:630px;color:#c1d4e9;line-height:1.58}.academy-video-meta{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0}.academy-video-meta span{padding:7px 10px;border-radius:8px;background:rgba(82,183,255,.13);color:#d8efff;font-size:.78rem;font-weight:700}.academy-video-copy button{padding:13px 18px;border:0;border-radius:12px;background:linear-gradient(100deg,#0878ff,#24c5e8);color:#fff;font:inherit;font-weight:900;cursor:pointer;box-shadow:0 9px 18px rgba(0,119,255,.26)}
@media (max-width:760px){.tutorial-video-modal{align-items:flex-start;padding:12px}.tutorial-video-shell{grid-template-columns:1fr;min-height:0;border-radius:20px}.tutorial-video-copy,.tutorial-video-player-wrap{padding:28px 22px}.tutorial-video-copy{padding-top:40px;border-right:0;border-bottom:1px solid rgba(142,208,255,.17)}.tutorial-video-copy h2{font-size:2rem}.tutorial-video-copy>p:not(.eyebrow){font-size:.9rem;margin:14px 0 18px}.tutorial-video-skip{margin-top:18px}.tutorial-video-player-wrap{padding-top:22px}.tutorial-video-player-wrap video{max-height:60vh}.academy-tutorials-view{padding:12px 0 36px}.academy-video-card{grid-template-columns:1fr;border-radius:18px}.academy-video-thumb{min-height:210px}.academy-video-copy{padding:24px}.academy-video-copy h2{font-size:1.65rem}}