:root{--bg:#1d0c44;--panel:#26134e;--panel-light:#31205c;--text:#f7f3ff;--soft:#cbbfe2;--muted:#b5a7cd;--pink:#ff2ec3;--purple:#a2a2ff;--border:#ffffff18}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:radial-gradient(ellipse at 85% 0%,#57328555,transparent 50%),var(--bg);color:var(--text);font-family:Poppins,system-ui,sans-serif;line-height:1.65}a{color:inherit}button,input{font:inherit}button{cursor:pointer}button:disabled{opacity:.4;cursor:default}[hidden]{display:none!important}a,button,input,summary{-webkit-tap-highlight-color:transparent}:focus-visible{outline:3px solid #b9b5ff;outline-offset:4px}.container{max-width:1280px;margin:auto;padding:0 32px}.skip-link{position:fixed;top:-100px;left:20px;z-index:10000;padding:10px;background:white;color:#26134e}.skip-link:focus{top:12px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.intro{display:flex;justify-content:space-between;gap:35px;align-items:center;padding:65px 0 34px}.eyebrow{font-size:11px;font-weight:600;letter-spacing:.15em;color:#c4b5ff;margin:0 0 15px}.intro h1{font-size:clamp(36px,4.7vw,62px);line-height:1.14;letter-spacing:-.05em;margin:0 0 20px;font-weight:700}.intro h1 span{color:var(--pink)}.intro-text{max-width:660px;color:var(--soft);font-size:16px;margin:0}.intro-meta{display:flex;gap:17px;align-items:center;flex-shrink:0;border-left:1px solid var(--border);padding-left:28px}.intro-meta strong{font-size:54px;line-height:1;color:var(--purple);font-weight:500}.intro-meta span{font-size:12px;line-height:1.8;color:var(--soft)}.filters{display:flex;gap:9px;overflow-x:auto;scrollbar-width:thin;padding:12px 0 25px}.filter{flex-shrink:0;background:transparent;border:1px solid #ffffff26;color:var(--soft);padding:10px 15px;border-radius:99px;font-size:12px;font-weight:500}.filter span{font-size:10px;opacity:.75;margin-left:5px}.filter:hover{border-color:var(--purple);color:white}.filter.active{background:var(--text);border-color:var(--text);color:var(--bg)}
.learning-layout{display:grid;grid-template-columns:minmax(0,1fr) 355px;gap:25px;align-items:start}.watch-card{border:1px solid var(--border);background:linear-gradient(150deg,#301a59,#241148);border-radius:24px;overflow:hidden;scroll-margin-top:90px}.watch-top{display:flex;justify-content:space-between;align-items:center;padding:20px 25px;border-bottom:1px solid var(--border)}.watch-top .eyebrow{margin:0}.watch-top>span:last-child{font-size:11px;color:var(--muted)}.watch-body{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;padding:25px}.screen{border-radius:17px;overflow:hidden;background:#110920;align-self:start}.screen video{width:100%;height:auto;aspect-ratio:9/16;display:block;object-fit:contain;background:#110920}.lesson-details{display:flex;flex-direction:column;justify-content:space-between;gap:22px;padding:6px 0}.lesson-details h2{font-size:24px;font-weight:600;line-height:1.4;letter-spacing:-.025em;margin:0 0 14px}.lesson-details p{font-size:13px;color:var(--soft);margin:0}.lesson-details .duration{font-size:11px;margin-top:18px;color:var(--muted)}.premium{display:inline-block;color:#ffe1a4;background:#d7983420;border:1px solid #e5b85c50;border-radius:5px;padding:3px 8px;font-size:10px;margin-bottom:12px}.viewing-note{display:flex;gap:12px;border-top:1px solid var(--border);padding-top:20px}.note-icon{color:var(--pink);font-size:24px;line-height:1.2}.resources{display:grid;gap:8px}.resources a,.resources button{font-size:11px;text-decoration:none;color:#e6d8ff;background:none;border:0;padding:0;text-align:left;line-height:1.8}.resources a:hover,.resources button:hover{text-decoration:underline;color:white}.sequence{display:flex;gap:8px;margin-top:auto}.sequence button{flex:1;color:white;background:#ffffff09;border:1px solid #ffffff24;border-radius:9px;padding:10px 5px;font-size:11px;white-space:nowrap}.sequence button:last-child{background:#7e5fe5;border-color:#7e5fe5}.sequence button:hover:enabled{filter:brightness(1.15)}.transcript{margin:0 25px;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.transcript summary{display:flex;justify-content:space-between;cursor:pointer;padding:17px 0;font-size:12px;font-weight:500;list-style:none}.transcript summary::-webkit-details-marker{display:none}.transcript summary span{color:var(--purple);font-size:18px}.transcript[open] summary span{transform:rotate(45deg)}#transcript-text{font-size:13px;color:var(--soft);padding-bottom:16px;max-height:380px;overflow-y:auto}#transcript-text p{margin:0 0 14px}.footnote{font-size:10px;color:var(--muted);padding:0 25px;margin:16px 0 22px;line-height:1.8}.error{margin:15px 25px;color:#ffd4e4;font-size:12px}
.library{border:1px solid var(--border);border-radius:24px;overflow:hidden;background:#241148}.library-top{padding:23px 23px 0}.library h2{font-size:18px;letter-spacing:-.02em;margin:0 0 5px;font-weight:600}.library-top>p{font-size:11px;color:var(--muted);margin:0 0 20px}.search-label{display:block;font-size:10px;color:var(--soft);margin-bottom:7px}.search-box{display:flex;gap:9px;background:#180d34;border:1px solid #ffffff20;padding:10px 12px;border-radius:10px;align-items:center}.search-box span{color:var(--muted);font-size:22px;line-height:1}.search-box input{width:100%;min-width:0;color:white;background:none;border:0;font-size:11px;outline:none}.search-box input::placeholder{color:var(--muted)}.search-box:focus-within{outline:2px solid var(--purple)}.library-top .result-count{font-size:10px;letter-spacing:.04em;margin:15px 0 10px}.lesson-list{list-style:none;padding:0 12px;margin:0;max-height:615px;overflow:auto;scrollbar-width:thin;scrollbar-color:#6e538d transparent}.lesson{display:flex;gap:11px;align-items:center;padding:13px 11px;border-radius:12px;text-decoration:none;border:1px solid transparent;border-bottom-color:#ffffff0c;transition:background .15s}.lesson:hover{background:#ffffff06}.lesson[aria-current=true]{background:linear-gradient(110deg,#8b4dcc29,#d04fba18);border-color:#d391ff60}.lesson-number{align-self:flex-start;font-size:11px;color:#b6a7ce;padding-top:3px;min-width:18px;font-variant-numeric:tabular-nums}.lesson[aria-current=true] .lesson-number{color:#f09cdc}.lesson-copy{flex:1;display:grid;gap:4px}.lesson-section{font-size:9px;color:var(--muted)}.lesson-title{font-size:12px;font-weight:500;line-height:1.5}.lesson-play{font-size:11px;color:var(--purple);padding-left:4px}.lesson[aria-current=true] .lesson-play{color:var(--pink)}.empty{margin:20px 23px;font-size:12px;color:var(--soft)}.more-note{border-top:1px solid var(--border);margin:14px 0 0;padding:16px 23px;color:var(--muted);font-size:10px;line-height:1.7}.help{display:flex;justify-content:space-between;align-items:center;gap:30px;margin:45px 0 65px;padding:35px 38px;border-radius:24px;background:linear-gradient(110deg,#7743b72d,#aa368128);border:1px solid #c485ea27}.help h2{margin:0 0 9px;font-size:25px;letter-spacing:-.03em;font-weight:600}.help p:not(.eyebrow){font-size:12px;color:var(--soft);margin:0}.help .eyebrow{margin-bottom:10px}.help-actions{display:flex;flex-direction:column;gap:11px;flex-shrink:0}.primary-button,.secondary-button{display:block;text-align:center;padding:12px 23px;border-radius:99px;font-size:12px;font-weight:600;text-decoration:none}.primary-button{background:linear-gradient(120deg,#a36df3,var(--pink));color:white}.secondary-button{border:1px solid #ffffff30;color:var(--soft)}.tutorial-footer{border-top:1px solid var(--border);padding:35px 0 30px}.tutorial-footer>.container{display:flex;flex-wrap:wrap;gap:12px 25px;align-items:center}.footer-brand{text-decoration:none;font-size:21px;font-weight:700}.tutorial-footer p{font-size:11px;color:var(--muted);margin:0}.tutorial-footer nav{display:flex;flex-wrap:wrap;gap:18px;margin-left:auto;font-size:11px}.tutorial-footer nav a{text-decoration:none;color:var(--soft)}.tutorial-footer small{display:block;width:100%;color:var(--muted);font-size:10px;padding-top:18px}.fallback{margin:30px 0;font-size:13px}.fallback li{margin:12px 0}
@media(min-width:1500px){.screen video{max-height:600px}.watch-body{grid-template-columns:minmax(0,310px) minmax(0,1fr)}}
@media(max-width:1100px){.container{padding:0 24px}.learning-layout{grid-template-columns:minmax(0,1fr) 305px;gap:18px}.watch-body{gap:18px;padding:20px;grid-template-columns:minmax(0,1fr) minmax(0,.95fr)}.lesson-details h2{font-size:20px}.lesson-details p{font-size:12px}.sequence{flex-direction:column}.library-top{padding:20px 18px 0}.intro-meta{padding-left:20px}.intro-meta strong{font-size:44px}}
@media(max-width:900px){.learning-layout{grid-template-columns:1fr}.watch-body{grid-template-columns:minmax(0,290px) minmax(0,1fr);gap:30px;padding:25px}.lesson-details h2{font-size:27px}.lesson-details p{font-size:14px}.sequence{flex-direction:row}.library-top>p{margin-bottom:14px}.lesson-list{max-height:none;display:grid;grid-template-columns:1fr 1fr}.intro-meta{display:none}.help{padding:30px}.tutorial-footer nav{margin-left:0}}
@media(max-width:560px){.container{padding:0 18px}.intro{padding:38px 0 22px}.intro h1{font-size:39px}.intro-text{font-size:13px;max-width:340px}.filters{gap:7px;padding-bottom:20px}.filter{padding:9px 13px;font-size:11px}.watch-top{padding:17px 19px}.watch-body{display:flex;flex-direction:column;padding:20px;gap:22px}.screen{width:min(100%,295px);align-self:center}.lesson-details{width:100%;gap:18px}.lesson-details h2{font-size:23px}.lesson-details p{font-size:13px}.sequence button{font-size:12px}.resources{grid-template-columns:1fr 1fr;gap:9px 15px}.transcript{margin:0 20px}.footnote{padding:0 20px}.lesson-list{grid-template-columns:1fr}.help{margin:30px 0 45px;padding:26px 23px;flex-direction:column;align-items:flex-start;gap:23px}.help h2{font-size:23px}.help-actions{flex-direction:row;flex-wrap:wrap}.tutorial-footer>.container{gap:10px 18px}.tutorial-footer nav{width:100%;padding-top:12px}.tutorial-footer p{font-size:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}