:root{--bg:#070913;--panel:#0e1321;--panel-2:#121a2b;--line:#242e43;--text:#f7f8ff;--muted:#9ca8bc;--purple:#7555ff;--violet:#ac78ff;--orange:#ff8152;--green:#47d4a2;--sidebar:244px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,"Segoe UI",Arial,sans-serif;min-height:100vh;overflow-x:hidden}button,input{font:inherit}.ambient{position:fixed;border-radius:50%;filter:blur(110px);opacity:.16;pointer-events:none}.ambient-one{width:520px;height:520px;background:#6b4eff;right:-120px;top:-180px}.ambient-two{width:460px;height:460px;background:#1a9fa2;left:18%;bottom:-260px}.topbar{position:sticky;top:0;z-index:30;height:78px;display:grid;grid-template-columns:var(--sidebar) minmax(280px,660px) 1fr;align-items:center;gap:26px;padding:0 28px;background:rgba(7,9,19,.84);border-bottom:1px solid rgba(46,58,82,.7);backdrop-filter:blur(22px)}.brand{display:flex;align-items:center;gap:10px;color:white;text-decoration:none;font-size:22px;font-weight:800;letter-spacing:-.5px}.brand img{width:37px;height:37px}.brand b{padding:5px 9px;border-radius:8px;background:linear-gradient(135deg,#7959ff,#a66fff);font-size:11px;text-transform:uppercase;letter-spacing:1px}.search-wrap{height:46px;border-radius:14px;background:#101624;border:1px solid #27324a;display:flex;align-items:center;padding:0 14px;transition:.2s}.search-wrap:focus-within{border-color:#765cff;box-shadow:0 0 0 4px rgba(118,92,255,.12)}.search-wrap svg{width:20px;fill:none;stroke:#8c99af;stroke-width:2}.search-wrap input{flex:1;border:0;outline:0;color:white;background:transparent;padding:0 12px}.search-wrap kbd{color:#76839a;border:1px solid #303b52;border-radius:6px;padding:3px 7px;font-size:11px}.app-link{justify-self:end;color:#e7e9f8;text-decoration:none;padding:11px 16px;border:1px solid #313d58;border-radius:12px;background:#111827;font-weight:700;font-size:14px}.app-link span{color:#9e83ff}.layout{display:grid;grid-template-columns:var(--sidebar) minmax(0,1fr)}.sidebar{position:sticky;top:78px;height:calc(100vh - 78px);padding:25px 18px;border-right:1px solid #20293c;background:rgba(6,8,16,.6)}.nav-item{width:100%;display:flex;align-items:center;gap:13px;border:0;color:#929eb2;background:transparent;padding:13px 14px;border-radius:12px;text-align:left;margin-bottom:5px;cursor:pointer}.nav-item span{width:24px;text-align:center;color:#7c8aa4}.nav-item:hover,.nav-item.active{color:white;background:#151b2b}.nav-item.active span{color:#a88cff}.side-note{position:absolute;left:18px;right:18px;bottom:28px;padding:18px;border:1px solid #2d3852;border-radius:18px;background:linear-gradient(145deg,#151e31,#191637);overflow:hidden}.side-note:after{content:"";position:absolute;width:100px;height:100px;border-radius:50%;background:#744eff;filter:blur(40px);right:-50px;bottom:-50px;opacity:.3}.side-note p{font-size:12px;color:#95a2b6;line-height:1.5;margin:7px 0 0}.ghost-orb{width:40px;height:40px;display:grid;place-items:center;border-radius:50%;background:radial-gradient(circle,#e4d9ff 0 12%,#7d5dff 14% 47%,#251b57 49%);box-shadow:0 0 22px rgba(120,87,255,.4);margin-bottom:13px}main{min-width:0;padding:44px 48px 82px;max-width:1540px;width:100%;margin:0 auto}.hero-copy{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:28px}.kicker{display:block;color:#aa8cff;font-size:11px;font-weight:900;letter-spacing:1.8px}.hero-copy h1{font-size:48px;line-height:1.03;margin:10px 0 12px;letter-spacing:-2.5px}.hero-copy em{font-style:normal;background:linear-gradient(90deg,#9e7dff,#ff8354);-webkit-background-clip:text;color:transparent}.hero-copy p{max-width:650px;color:var(--muted);font-size:16px;line-height:1.6;margin:0}.hero-meta{display:flex;gap:10px}.hero-meta span{min-width:100px;padding:12px;border:1px solid #252f45;border-radius:13px;background:rgba(14,19,33,.7);color:#8d99ad;font-size:11px}.hero-meta b{display:block;color:#eef1ff;font-size:15px;margin-bottom:3px}.featured{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(340px,.8fr);gap:0;border:1px solid #29354f;border-radius:24px;background:linear-gradient(140deg,#101827,#141329);overflow:hidden;box-shadow:0 35px 80px rgba(0,0,0,.34)}.feature-player{aspect-ratio:16/9;background:#050812;position:relative}.feature-player video,.feature-player iframe{width:100%;height:100%;display:block;border:0;object-fit:cover}.feature-info{padding:34px;display:flex;flex-direction:column;justify-content:center}.feature-badge{align-self:flex-start;padding:7px 10px;border-radius:999px;background:#23204a;color:#bba7ff;font-size:10px;font-weight:900;letter-spacing:1px}.feature-info h2{font-size:30px;line-height:1.12;letter-spacing:-1px;margin:18px 0 12px}.feature-info p{color:var(--muted);line-height:1.6;margin:0}.chapters{display:flex;flex-wrap:wrap;gap:7px;margin:21px 0}.chapters button{border:1px solid #303c57;background:#111a2a;color:#b8c2d4;border-radius:9px;padding:7px 9px;font-size:11px;cursor:pointer}.chapters button:hover{border-color:#765cff;color:white}.feature-actions{display:flex;align-items:center;gap:10px}.watch{border:0;color:white;background:linear-gradient(135deg,#7557ff,#6045e9);padding:13px 18px;border-radius:12px;font-weight:800;cursor:pointer;box-shadow:0 12px 24px rgba(95,69,233,.23)}.duration,.level{padding:9px 10px;border-radius:9px;background:#0e1523;color:#8896ac;font-size:11px}.library{margin-top:58px}.section-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:19px}.section-head h2{font-size:30px;margin:7px 0 0}.section-head>span{color:#8592a7;font-size:13px}.video-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:21px}.video-card{border:1px solid #252f45;border-radius:19px;background:#0d1320;overflow:hidden;transition:.24s;cursor:pointer}.video-card:hover{transform:translateY(-4px);border-color:#4c417d;box-shadow:0 24px 60px rgba(0,0,0,.35)}.thumbnail{position:relative;aspect-ratio:16/9;background:#050812;overflow:hidden}.thumbnail img{width:100%;height:100%;object-fit:cover;transition:.5s}.video-card:hover .thumbnail img{transform:scale(1.025)}.play{position:absolute;left:22px;bottom:20px;width:52px;height:52px;border-radius:50%;border:1px solid rgba(255,255,255,.27);background:rgba(10,12,23,.78);backdrop-filter:blur(10px);display:grid;place-items:center;padding-left:3px}.time{position:absolute;right:13px;bottom:13px;padding:5px 8px;border-radius:7px;background:rgba(2,4,9,.82);font-size:11px;font-weight:800}.card-copy{padding:20px}.card-top{display:flex;align-items:center;gap:8px;color:#9681ef;font-size:10px;font-weight:900;letter-spacing:1px;text-transform:uppercase}.new{padding:4px 7px;border-radius:999px;background:#153b32;color:#7fe0be}.card-copy h3{font-size:21px;margin:11px 0 8px;letter-spacing:-.4px}.card-copy p{color:#909db1;line-height:1.55;font-size:13px;margin:0}.card-tags{display:flex;gap:7px;margin-top:15px}.card-tags span{padding:6px 8px;border-radius:8px;background:#131c2c;border:1px solid #26334a;color:#8997ac;font-size:10px}.empty{text-align:center;border:1px dashed #313d58;border-radius:20px;padding:55px}.empty .ghost-orb{margin:0 auto 15px}.pathway{margin-top:58px;padding:30px;border-radius:22px;border:1px solid #293550;background:linear-gradient(145deg,#111827,#14122b);display:grid;grid-template-columns:.8fr 1.2fr;gap:35px;align-items:center}.pathway h2{font-size:28px;margin:8px 0}.pathway ol{list-style:none;margin:0;padding:0}.pathway li{display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:12px;padding:14px 0;border-bottom:1px solid #29344b}.pathway li:last-child{border-bottom:0}.pathway li span{color:#a990ff;font-weight:900}.pathway small{color:#7f8ca1}.pathway .next{opacity:.58}footer{margin-left:var(--sidebar);border-top:1px solid #202a3d;padding:24px 48px;color:#7f8ba0;display:flex;gap:24px;font-size:12px}footer a{margin-left:auto;color:#9d86fa;text-decoration:none}dialog{width:min(1100px,calc(100% - 32px));padding:0;border:1px solid #34405a;border-radius:22px;background:#0b101c;color:white;box-shadow:0 40px 120px #000}dialog::backdrop{background:rgba(0,0,0,.78);backdrop-filter:blur(8px)}.dialog-close{position:absolute;right:12px;top:12px;z-index:4;border:0;width:38px;height:38px;border-radius:50%;background:rgba(0,0,0,.7);color:white;font-size:25px;cursor:pointer}.dialog-player{aspect-ratio:16/9;background:#020409}.dialog-player video,.dialog-player iframe{width:100%;height:100%;border:0}.dialog-copy{padding:23px 28px 28px}.dialog-copy h2{margin:8px 0;font-size:25px}.dialog-copy p{margin:0;color:#94a1b6}.youtube-player{position:absolute;inset:0}.youtube-player iframe{width:100%;height:100%;border:0}@media(max-width:1000px){:root{--sidebar:0px}.topbar{grid-template-columns:1fr minmax(260px,1.4fr) auto}.sidebar{display:none}.layout{display:block}main{padding:34px 24px}.featured{grid-template-columns:1fr}.feature-info{padding:25px}.hero-copy{align-items:start;flex-direction:column}.hero-meta{display:none}.video-grid{grid-template-columns:1fr 1fr}.pathway{grid-template-columns:1fr}footer{margin-left:0}}@media(max-width:680px){.topbar{height:auto;grid-template-columns:1fr auto;padding:14px 17px}.search-wrap{grid-column:1/-1;grid-row:2}.app-link{font-size:0}.app-link span{font-size:17px}.hero-copy h1{font-size:39px}.video-grid{grid-template-columns:1fr}.feature-info h2{font-size:26px}main{padding:28px 16px}.pathway{padding:22px}footer{padding:22px 18px;flex-wrap:wrap}.featured{border-radius:18px}}