@import"https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,600;0,700;1,400;1,600&family=DM+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;1,400&display=swap";@import"https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,600;0,700;1,400&family=DM+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;1,400&display=swap";*{margin:0;padding:0;box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}#root{min-height:100vh}:root{--bg: #060608;--bg-card: rgba(14, 14, 18, .78);--gold: #c8833a;--gold-light: #e4a753;--gold-pale: #ffd89e;--gold-glow: rgba(200, 131, 58, .35);--gold-glow-soft: rgba(200, 131, 58, .12);--white: #ffffff;--text: rgba(255, 255, 255, .88);--text-dim: rgba(255, 255, 255, .5);--text-muted: rgba(255, 255, 255, .3);--input-bg: rgba(255, 255, 255, .95);--input-text: #1a1a1a;--error: #e74c3c;--success: #2ecc71;--font-display: "Cormorant Garamond", Georgia, serif;--font-body: "DM Sans", system-ui, sans-serif;--radius: 14px;--radius-pill: 50px}.particle-canvas{position:fixed;inset:0;z-index:0;pointer-events:none}.ambient-orb{position:fixed;border-radius:50%;filter:blur(100px);pointer-events:none;z-index:0}.orb-1{width:600px;height:600px;background:radial-gradient(circle,rgba(200,131,58,.12) 0%,transparent 70%);top:-15%;left:-10%;animation:orbFloat1 18s ease-in-out infinite alternate}.orb-2{width:500px;height:500px;background:radial-gradient(circle,rgba(180,100,40,.08) 0%,transparent 70%);bottom:-10%;right:-5%;animation:orbFloat2 22s ease-in-out infinite alternate}.orb-3{width:350px;height:350px;background:radial-gradient(circle,rgba(228,167,83,.06) 0%,transparent 70%);top:40%;left:50%;animation:orbFloat3 15s ease-in-out infinite alternate}@keyframes orbFloat1{0%{transform:translate(0)}to{transform:translate(40px,30px)}}@keyframes orbFloat2{0%{transform:translate(0)}to{transform:translate(-30px,-40px)}}@keyframes orbFloat3{0%{transform:translate(0)}to{transform:translate(20px,-20px)}}.login-container{min-height:100vh;width:100%;display:flex;align-items:center;justify-content:center;background:var(--bg);font-family:var(--font-body);position:relative;overflow:hidden}.login-container:after{content:"";position:fixed;inset:0;z-index:1;pointer-events:none;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:128px}.login-wrapper{display:flex;align-items:stretch;width:100%;max-width:1140px;min-height:620px;margin:2rem;position:relative;z-index:2;gap:2rem}.anim-item{opacity:0;transform:translateY(28px);transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1);transition-delay:var(--delay, 0s)}.is-mounted .anim-item{opacity:1;transform:translateY(0)}.anim-card{opacity:0;transform:translate(40px) scale(.97);transition:opacity .8s cubic-bezier(.16,1,.3,1) .2s,transform .8s cubic-bezier(.16,1,.3,1) .2s}.is-mounted .anim-card{opacity:1;transform:translate(0) scale(1)}.login-hero{flex:1.15;display:flex;align-items:center;padding:3rem 2rem 3rem 1rem}.hero-inner{max-width:520px}.brand-row{display:flex;align-items:center;gap:12px;margin-bottom:3rem}.brand-icon{width:100px;height:100px;display:flex;align-items:center;justify-content:center;filter:drop-shadow(0 4px 20px var(--gold-glow-soft))}.brand-icon svg{width:100%;height:100%}.brand-text{font-family:var(--font-body);font-weight:600;font-size:.88rem;letter-spacing:3px;text-transform:uppercase;color:var(--white)}.hero-headline{margin-bottom:1.8rem}.h-line{display:block;font-family:var(--font-display);font-weight:700;font-size:clamp(2.6rem,5vw,4.2rem);line-height:1.05;color:var(--white);letter-spacing:-.5px}.h-accent{font-style:italic;font-weight:600;font-size:clamp(3rem,5.8vw,4.8rem);background:linear-gradient(135deg,var(--gold) 0%,var(--gold-pale) 45%,var(--gold) 100%);background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:shimmer 4s ease-in-out infinite}@keyframes shimmer{0%,to{background-position:0% center}50%{background-position:100% center}}.hero-sub{font-size:1rem;font-weight:300;line-height:1.7;color:var(--text-dim);max-width:400px;margin-bottom:2.5rem}.hero-stats{display:flex;align-items:center;gap:1.5rem}.stat{text-align:center}.stat-num{display:block;font-family:var(--font-display);font-weight:700;font-size:1.7rem;color:var(--gold-light);line-height:1.2}.stat-lbl{font-size:.72rem;font-weight:400;letter-spacing:1px;text-transform:uppercase;color:var(--text-muted)}.stat-div{width:1px;height:36px;background:#ffffff14}.login-card{width:420px;min-width:380px;background:var(--bg-card);backdrop-filter:blur(50px);-webkit-backdrop-filter:blur(50px);border:1px solid rgba(255,255,255,.06);border-radius:var(--radius);padding:2.5rem 2.2rem;display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden;box-shadow:0 0 0 1px #ffffff08 inset,0 8px 60px #00000080}.card-glow{position:absolute;top:-80px;right:-80px;width:250px;height:250px;border-radius:50%;background:radial-gradient(circle,var(--gold-glow-soft) 0%,transparent 70%);pointer-events:none;animation:glowPulse 5s ease-in-out infinite alternate}@keyframes glowPulse{0%{opacity:.5;transform:scale(1)}to{opacity:1;transform:scale(1.15)}}.card-header{text-align:center;margin-bottom:1.8rem;position:relative;z-index:1}.card-title{font-family:var(--font-body);font-weight:700;font-size:1.2rem;letter-spacing:2.5px;text-transform:uppercase;color:var(--white)}.card-sub{font-size:.82rem;font-weight:300;color:var(--text-dim);margin-top:4px}.alert{display:flex;align-items:center;gap:10px;padding:11px 14px;border-radius:8px;font-size:.82rem;margin-bottom:1.2rem;animation:alertIn .35s ease;position:relative;z-index:1}@keyframes alertIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.alert-error{background:#e74c3c1a;border:1px solid rgba(231,76,60,.2);color:#f0a19a}.alert-error svg{color:var(--error);flex-shrink:0}.alert-success{background:#2ecc711a;border:1px solid rgba(46,204,113,.2);color:#a3e4bf}.login-form{display:flex;flex-direction:column;gap:1.15rem;position:relative;z-index:1}.field label{display:block;font-size:.68rem;font-weight:500;letter-spacing:2px;text-transform:uppercase;color:var(--text-dim);margin-bottom:6px;transition:color .3s ease}.field.is-focused label{color:var(--gold-light)}.field-box{position:relative;display:flex;align-items:center;background:var(--input-bg);border-radius:12px;overflow:hidden;transition:box-shadow .35s ease,transform .25s ease}.field.is-focused .field-box{box-shadow:0 0 0 3px var(--gold-glow),0 4px 20px #c8833a1a;transform:translateY(-1px)}.field-icon{position:absolute;left:15px;color:#aaa;pointer-events:none;transition:color .3s ease;z-index:2}.field.is-focused .field-icon{color:var(--gold)}.field-box input{width:100%;padding:14px 15px 14px 46px;border:none;outline:none;background:transparent;font-family:var(--font-body);font-size:.92rem;font-weight:400;color:var(--input-text)}.field-box input::placeholder{color:#aaa;font-weight:300}.field-box input:disabled{opacity:.55}.field-bar{position:absolute;bottom:0;left:50%;width:0;height:2.5px;background:linear-gradient(90deg,var(--gold),var(--gold-light));border-radius:2px;transition:width .4s cubic-bezier(.16,1,.3,1),left .4s cubic-bezier(.16,1,.3,1)}.field.is-focused .field-bar{width:100%;left:0}.toggle-pw{position:absolute;right:12px;background:none;border:none;cursor:pointer;color:#999;padding:4px;display:flex;align-items:center;z-index:2;transition:color .2s ease}.toggle-pw:hover{color:var(--gold)}.toggle-pw:disabled{opacity:.5;cursor:not-allowed}.form-meta{display:flex;align-items:center;justify-content:space-between;margin-top:-.15rem}.remember{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:.8rem;color:var(--text-dim);position:relative;-webkit-user-select:none;user-select:none}.remember input[type=checkbox]{position:absolute;opacity:0;width:0;height:0}.chk{width:17px;height:17px;border-radius:4px;border:1.5px solid rgba(255,255,255,.15);display:inline-flex;align-items:center;justify-content:center;transition:all .25s ease;flex-shrink:0}.chk:after{content:"";width:9px;height:9px;border-radius:2px;background:var(--gold);transform:scale(0);transition:transform .2s cubic-bezier(.34,1.56,.64,1)}.remember input:checked+.chk{border-color:var(--gold)}.remember input:checked+.chk:after{transform:scale(1)}.forgot{font-size:.8rem;color:var(--gold);text-decoration:none;font-weight:500;transition:color .2s ease}.forgot:hover{color:var(--gold-light);text-decoration:underline}.submit-btn{width:100%;padding:15px;margin-top:.5rem;border:none;border-radius:var(--radius-pill);background:linear-gradient(135deg,var(--gold) 0%,var(--gold-light) 100%);color:#fff;font-family:var(--font-body);font-size:.82rem;font-weight:600;letter-spacing:2.5px;text-transform:uppercase;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;position:relative;overflow:hidden;transition:box-shadow .35s ease,filter .35s ease;will-change:transform}.submit-btn:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.2) 0%,transparent 60%);opacity:0;transition:opacity .3s ease}.submit-btn:hover:not(:disabled){box-shadow:0 8px 35px var(--gold-glow);filter:brightness(1.08)}.submit-btn:hover:not(:disabled):before{opacity:1}.submit-btn:active:not(:disabled){box-shadow:0 2px 12px var(--gold-glow)}.submit-btn:disabled{opacity:.65;cursor:not-allowed}.arrow{transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.submit-btn:hover:not(:disabled) .arrow{transform:translate(5px)}.spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.cache-btn{width:100%;padding:11px;margin-top:.6rem;border:1px solid rgba(200,131,58,.3);border-radius:var(--radius-pill);background:transparent;color:var(--gold);font-family:var(--font-body);font-size:.74rem;font-weight:500;letter-spacing:.5px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:7px;transition:all .3s ease;position:relative;z-index:1}.cache-btn:hover{background:#c8833a0f;border-color:var(--gold)}.cache-hint{text-align:center;font-size:.68rem;color:var(--text-muted);margin-top:5px;position:relative;z-index:1}.card-footer{text-align:center;margin-top:1.6rem;padding-top:1.2rem;border-top:1px solid rgba(255,255,255,.05);position:relative;z-index:1}.card-footer p{font-size:.82rem;color:var(--text-dim);margin-bottom:.6rem}.signup-link{display:inline-flex;align-items:center;gap:6px;color:var(--gold);text-decoration:none;font-weight:600;font-size:.76rem;letter-spacing:1px;text-transform:uppercase;border:1px solid rgba(200,131,58,.35);padding:9px 22px;border-radius:var(--radius-pill);transition:all .3s ease}.signup-link:hover{background:var(--gold);color:#fff;border-color:var(--gold);box-shadow:0 4px 20px var(--gold-glow-soft)}.signup-link svg{transition:transform .3s ease}.signup-link:hover svg{transform:translate(3px)}@media(max-width:960px){.login-wrapper{flex-direction:column;align-items:center;max-width:460px;margin:1.5rem;gap:.5rem}.login-hero{padding:2rem 1.5rem .5rem;text-align:center;justify-content:center}.hero-inner{max-width:100%}.brand-row{justify-content:center;margin-bottom:2rem}.hero-headline{text-align:center}.h-line{font-size:clamp(2rem,7vw,2.8rem)}.h-accent{font-size:clamp(2.2rem,8vw,3.2rem)}.hero-sub{text-align:center;margin:0 auto 1.8rem}.hero-stats{justify-content:center}.login-card{width:100%;min-width:unset}.anim-card{transform:translateY(30px) scale(.97)}.is-mounted .anim-card{transform:translateY(0) scale(1)}}@media(max-width:480px){.login-card{padding:2rem 1.4rem}.login-hero{padding:1.5rem 1rem .25rem}.h-line{font-size:1.8rem}.h-accent{font-size:2rem}.hero-stats{gap:1rem}.stat-num{font-size:1.4rem}}.lp{min-height:100vh;background:#050507;font-family:var(--fb, "DM Sans", system-ui, sans-serif);color:#ffffffe0;display:flex;flex-direction:column;opacity:0;transition:opacity .4s ease}.lp.in{opacity:1}.lp-topbar{display:flex;align-items:center;height:52px;padding:0 20px;background:#08080ae6;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.06);z-index:50;gap:12px;flex-shrink:0}.lp-back{display:flex;align-items:center;gap:6px;background:none;border:none;color:#ffffff80;cursor:pointer;font-size:.78rem;padding:4px 8px;border-radius:6px;transition:all .2s ease}.lp-back:hover{color:#fff;background:#ffffff0a}.lp-breadcrumb{flex:1;display:flex;align-items:center;gap:6px;min-width:0}.lp-bc-mod{font-size:.72rem;color:#ffffff59;white-space:nowrap}.lp-bc-lesson{font-size:.78rem;color:#ffffffb3;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lp-breadcrumb svg{color:#fff3;flex-shrink:0}.lp-top-actions{display:flex;gap:4px}.lp-top-btn{display:flex;align-items:center;gap:6px;padding:6px 12px;background:none;border:1px solid rgba(255,255,255,.06);border-radius:8px;color:#ffffff73;cursor:pointer;font-size:.72rem;transition:all .2s ease}.lp-top-btn:hover{color:#fff;border-color:#ffffff1f}.lp-top-btn.active{color:#c8833a;border-color:#c8833a;background:#c8833a14}.lp-top-label{display:inline}.lp-body{flex:1;display:flex;overflow:hidden}.lp-player-area{flex:1;display:flex;flex-direction:column;overflow-y:auto}.lp-player-container{position:relative;width:100%;background:#000;cursor:pointer}.lp-iframe-wrap{position:relative;padding-top:56.25%}.lp-vimeo-embed,.lp-iframe-wrap iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none}.lp-error{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#000c;color:#ffffff80;font-size:.9rem;text-align:center;padding:2rem}.player-overlay{position:absolute;inset:0;z-index:10;display:flex;flex-direction:column;justify-content:space-between;transition:opacity .4s ease;pointer-events:none}.player-overlay.show{opacity:1}.player-overlay.hide{opacity:0}.player-overlay.show *{pointer-events:auto}.po-top{padding:16px 20px;background:linear-gradient(180deg,rgba(0,0,0,.6) 0%,transparent 100%)}.po-lesson-info{display:flex;align-items:center;gap:8px}.po-code{font-size:.68rem;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;color:#e4a753}.po-title{font-size:.85rem;color:#fffc}.po-center{flex:1;display:flex;align-items:center;justify-content:center;cursor:pointer;position:relative}.po-watermark{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none;z-index:1;opacity:1;transition:opacity .5s ease}.po-big-play{width:72px;height:72px;border-radius:50%;background:#c8833ad9;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:transform .2s ease,box-shadow .2s ease;box-shadow:0 4px 30px #c8833a4d;position:relative;z-index:2}.po-big-play:hover{transform:scale(1.1);box-shadow:0 8px 40px #c8833a73}.po-big-play svg{margin-left:3px}.po-bottom{padding:0 16px 12px;background:linear-gradient(0deg,rgba(0,0,0,.7) 0%,transparent 100%)}.po-bar-wrap{position:relative;height:28px;display:flex;align-items:center;cursor:pointer;margin-bottom:4px;padding:10px 0}.po-bar-bg{position:absolute;left:0;right:0;height:4px;background:#ffffff26;border-radius:4px}.po-bar-fill{position:absolute;left:0;height:4px;background:linear-gradient(90deg,#c8833a,#e4a753);border-radius:4px;transition:width .1s linear}.po-bar-wrap:hover .po-bar-bg,.po-bar-wrap:hover .po-bar-fill{height:6px}.po-bar-thumb{position:absolute;top:50%;transform:translate(-50%,-50%) scale(.7);transition:transform .2s cubic-bezier(.34,1.56,.64,1),filter .2s ease;z-index:5;filter:drop-shadow(0 0 6px rgba(200,131,58,.4));opacity:.8}.po-bar-wrap:hover .po-bar-thumb{transform:translate(-50%,-50%) scale(1);opacity:1;filter:drop-shadow(0 0 12px rgba(200,131,58,.6))}.po-controls{display:flex;align-items:center;justify-content:space-between}.po-ctrl-left,.po-ctrl-right{display:flex;align-items:center;gap:2px}.po-btn{background:none;border:none;color:#ffffffd9;cursor:pointer;padding:6px 8px;border-radius:6px;display:flex;align-items:center;transition:all .15s ease;gap:4px}.po-btn:hover{color:#fff;background:#ffffff1a}.po-time{font-size:.72rem;color:#ffffff8c;margin-left:4px;font-variant-numeric:tabular-nums}.po-logo-inline{display:flex;align-items:center;margin-left:4px;opacity:.7;transition:opacity .2s ease;flex-shrink:0}.po-logo-inline:hover{opacity:1}.speed-wrap{position:relative}.speed-trigger{font-size:.75rem}.speed-val{font-weight:600;font-size:.75rem}.speed-popup{position:absolute;bottom:calc(100% + 8px);right:0;background:#121216f5;border:1px solid rgba(255,255,255,.1);border-radius:10px;overflow:hidden;min-width:140px;box-shadow:0 10px 40px #0009;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);animation:spUp .2s ease;z-index:20}@keyframes spUp{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.sp-title{padding:8px 14px 4px;font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:1.5px;color:#ffffff59}.sp-opt{display:flex;align-items:center;justify-content:space-between;width:100%;padding:9px 14px;background:none;border:none;color:#fff9;font-size:.82rem;cursor:pointer;transition:all .12s ease;text-align:left}.sp-opt:hover{background:#ffffff0d;color:#fff}.sp-opt.active{color:#c8833a;background:#c8833a14;font-weight:600}.sp-normal{font-size:.65rem;color:#ffffff4d}.lp-below{padding:24px;max-width:900px}.lp-lesson-info{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap}.lp-li-left{flex:1;min-width:0}.lp-li-title{font-family:Cormorant Garamond,Georgia,serif;font-size:1.5rem;font-weight:700;color:#fff;line-height:1.2}.lp-li-desc{font-size:.85rem;color:#ffffff80;line-height:1.6;margin-top:8px}.lp-li-meta{display:flex;align-items:center;gap:6px;font-size:.78rem;color:#ffffff59;margin-top:8px}.lp-li-right{flex-shrink:0}.lp-complete-btn{display:flex;align-items:center;gap:8px;padding:10px 20px;background:transparent;border:1px solid #34d399;border-radius:50px;color:#34d399;font-size:.78rem;font-weight:500;cursor:pointer;transition:all .25s ease}.lp-complete-btn:hover{background:#34d3991a;box-shadow:0 4px 20px #34d39926}.lp-done-badge{display:flex;align-items:center;gap:6px;padding:10px 20px;background:#34d3991a;border:1px solid rgba(52,211,153,.2);border-radius:50px;color:#34d399;font-size:.78rem;font-weight:500}.lp-next{display:flex;align-items:center;justify-content:space-between;width:100%;margin-top:20px;padding:16px 20px;background:#131318;border:1px solid rgba(255,255,255,.06);border-radius:14px;color:#ffffffe0;cursor:pointer;text-align:left;transition:all .25s ease}.lp-next:hover{border-color:#c8833a;background:#c8833a0f}.lp-next:hover svg{color:#c8833a;transform:translate(3px)}.lp-next svg{color:#ffffff4d;transition:all .2s ease}.lp-next-info{display:flex;flex-direction:column;gap:2px}.lp-next-label{font-size:.65rem;text-transform:uppercase;letter-spacing:1.5px;color:#e4a753;font-weight:500}.lp-next-name{font-size:.88rem;font-weight:500}.lp-shortcuts{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-top:20px;padding-top:16px;border-top:1px solid rgba(255,255,255,.06)}.lp-sc-title{font-size:.68rem;color:#ffffff40;font-weight:500;text-transform:uppercase;letter-spacing:1px}.lp-sc{display:flex;align-items:center;gap:4px;font-size:.68rem;color:#ffffff4d}.lp-sc kbd{display:inline-block;padding:2px 6px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:4px;font-family:inherit;font-size:.62rem;color:#ffffff73;line-height:1.4}.notes-panel{width:340px;min-width:300px;background:#0d0d10;border-left:1px solid rgba(255,255,255,.06);display:flex;flex-direction:column;animation:slideR .3s cubic-bezier(.16,1,.3,1);z-index:30}@keyframes slideR{0%{opacity:0;transform:translate(16px)}to{opacity:1;transform:translate(0)}}.np-head{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid rgba(255,255,255,.06)}.np-title{display:flex;align-items:center;gap:7px;font-size:.82rem;font-weight:500}.np-title svg{color:#c8833a}.np-close{background:none;border:none;color:#ffffff4d;cursor:pointer;padding:2px;transition:color .2s}.np-close:hover{color:#fff}.np-text{flex:1;padding:16px;background:transparent;border:none;outline:none;resize:none;font-family:inherit;font-size:.85rem;line-height:1.7;color:#ffffffd9}.np-text::placeholder{color:#fff3}.np-foot{padding:12px 16px;border-top:1px solid rgba(255,255,255,.06)}.np-save{display:flex;align-items:center;gap:6px;padding:8px 18px;background:#c8833a;border:none;border-radius:50px;color:#fff;font-size:.78rem;font-weight:500;cursor:pointer;transition:all .2s ease}.np-save:hover{background:#e4a753}.mini-list{width:320px;min-width:280px;background:#0d0d10;border-left:1px solid rgba(255,255,255,.06);display:flex;flex-direction:column;animation:slideR .3s cubic-bezier(.16,1,.3,1);z-index:30}.ml-head{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid rgba(255,255,255,.06)}.ml-title{display:flex;align-items:center;gap:7px;font-size:.82rem;font-weight:500}.ml-title svg{color:#e4a753}.ml-close{background:none;border:none;color:#ffffff4d;cursor:pointer;padding:2px;transition:color .2s}.ml-close:hover{color:#fff}.ml-scroll{flex:1;overflow-y:auto;padding:8px 0;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.06) transparent}.ml-mod{margin-bottom:4px}.ml-mod-head{padding:8px 16px 4px}.ml-mod-tag{font-size:.58rem;font-weight:600;letter-spacing:2px;text-transform:uppercase;color:#c8833a}.ml-mod-name{display:block;font-size:.8rem;font-weight:500;color:#ffffffa6;margin-top:1px}.ml-lesson{display:flex;align-items:center;gap:10px;padding:8px 16px;width:100%;background:none;border:none;color:#ffffff80;cursor:pointer;text-align:left;transition:all .15s ease}.ml-lesson:hover:not(:disabled){background:#ffffff08;color:#fffc}.ml-lesson.cur{background:#c8833a14;color:#e4a753}.ml-lesson.done{opacity:.5}.ml-lesson.lk{opacity:.25;cursor:not-allowed}.ml-st{flex-shrink:0;display:flex}.ml-dn{color:#34d399}.ml-lk{color:#fff3}.ml-cur{color:#e4a753}.ml-pd{color:#fff3}.ml-info{flex:1;min-width:0}.ml-code{display:block;font-size:.75rem;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ml-dur{display:flex;align-items:center;gap:3px;font-size:.62rem;color:#ffffff40;margin-top:1px}@media(max-width:900px){.notes-panel,.mini-list{width:280px;min-width:240px}}@media(max-width:768px){.lp-body{flex-direction:column}.notes-panel,.mini-list{width:100%;min-width:unset;max-height:45vh;border-left:none;border-top:1px solid rgba(255,255,255,.06)}.lp-top-label{display:none}.lp-topbar{padding:0 12px;height:46px}.lp-below{padding:16px}.lp-lesson-info{flex-direction:column}.lp-li-title{font-size:1.2rem}.lp-shortcuts{display:none}.po-big-play{width:56px;height:56px}.po-big-play svg{width:28px;height:28px}}.lp:-webkit-full-screen .lp-topbar,.lp:fullscreen .lp-topbar{display:none}.lp:-webkit-full-screen .lp-body,.lp:fullscreen .lp-body{height:100vh}.lp:-webkit-full-screen .lp-player-area,.lp:fullscreen .lp-player-area{height:100vh}.lp:-webkit-full-screen .lp-below,.lp:fullscreen .lp-below{display:none}.lp:-webkit-full-screen .notes-panel,.lp:-webkit-full-screen .mini-list,.lp:fullscreen .notes-panel,.lp:fullscreen .mini-list{display:none}.lp:-webkit-full-screen .lp-iframe-wrap,.lp:fullscreen .lp-iframe-wrap{padding-top:0;height:100vh}:root{--bg: #08080a;--bg2: #0d0d10;--bg3: #131318;--bg4: rgba(16,16,20,.92);--bgh: rgba(255,255,255,.04);--bga: rgba(200,131,58,.08);--gold: #c8833a;--gold2: #e4a753;--gold3: #ffd89e;--goldg: rgba(200,131,58,.3);--goldgs: rgba(200,131,58,.1);--w: #fff;--t: rgba(255,255,255,.88);--td: rgba(255,255,255,.5);--tm: rgba(255,255,255,.28);--brd: rgba(255,255,255,.06);--brdl: rgba(255,255,255,.1);--green: #34d399;--greend: rgba(52,211,153,.12);--fd: "Cormorant Garamond", Georgia, serif;--fb: "DM Sans", system-ui, sans-serif;--rad: 14px;--rads: 10px;--pill: 50px;--ease: cubic-bezier(.16,1,.3,1)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}button{font-family:var(--fb)}.hub{min-height:100vh;background:var(--bg);font-family:var(--fb);color:var(--t);position:relative;overflow:hidden}.hub .hub-bg{position:fixed;inset:0;pointer-events:none;z-index:0}.hub-orb{position:absolute;border-radius:50%;filter:blur(120px)}.o1{width:500px;height:500px;background:radial-gradient(circle,rgba(200,131,58,.1) 0%,transparent 70%);top:-10%;left:-5%;animation:of1 20s ease-in-out infinite alternate}.o2{width:400px;height:400px;background:radial-gradient(circle,rgba(200,131,58,.06) 0%,transparent 70%);bottom:-5%;right:-5%;animation:of2 24s ease-in-out infinite alternate}@keyframes of1{0%{transform:translate(0)}to{transform:translate(30px,20px)}}@keyframes of2{0%{transform:translate(0)}to{transform:translate(-20px,-30px)}}.hub-grain{position:absolute;inset:0;opacity:.03;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:128px}.an{opacity:0;transform:translateY(24px);transition:opacity .7s var(--ease),transform .7s var(--ease);transition-delay:var(--d, 0s)}.hub.in .an{opacity:1;transform:translateY(0)}.hub.out{animation:hubOut .35s ease forwards}@keyframes hubOut{to{opacity:0;transform:scale(.97)}}.hub-nav{position:sticky;top:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:14px 32px;background:#08080acc;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-bottom:1px solid var(--brd)}.hub-brand{display:flex;align-items:center;gap:10px}.brand-ic{width:90px;height:90px;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff}.brand-tx{font-weight:600;font-size:.78rem;letter-spacing:2.5px;text-transform:uppercase;color:var(--w)}.nav-right{position:relative}.prof-btn{display:flex;align-items:center;gap:8px;background:none;border:1px solid var(--brd);border-radius:var(--pill);padding:6px 14px 6px 6px;color:var(--t);cursor:pointer;transition:all .2s ease}.prof-btn:hover{border-color:var(--brdl)}.prof-av{width:28px;height:28px;border-radius:50%;background:var(--bg3);display:flex;align-items:center;justify-content:center;color:var(--td)}.prof-name{font-size:.8rem;font-weight:500}.prof-chev{transition:transform .3s ease;color:var(--tm)}.prof-chev.open{transform:rotate(90deg)}.prof-drop{position:absolute;top:calc(100% + 8px);right:0;width:280px;background:var(--bg3);border:1px solid var(--brdl);border-radius:var(--rad);box-shadow:0 12px 40px #00000080;padding:16px;z-index:200;animation:dropIn .25s var(--ease)}@keyframes dropIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.pd-head{display:flex;align-items:center;gap:12px}.pd-av{width:40px;height:40px;border-radius:50%;background:var(--bg);border:1px solid var(--brd);display:flex;align-items:center;justify-content:center;color:var(--td);flex-shrink:0}.pd-n{font-weight:600;font-size:.88rem;color:var(--w)}.pd-e{font-size:.72rem;color:var(--tm)}.pd-div{height:1px;background:var(--brd);margin:12px 0}.pd-row{display:flex;gap:1.5rem}.pd-s{text-align:center;flex:1}.pd-sn{display:block;font-family:var(--fd);font-size:1.3rem;font-weight:700;color:var(--gold2)}.pd-sl{font-size:.65rem;color:var(--tm);text-transform:uppercase;letter-spacing:.5px}.pd-out{display:flex;align-items:center;gap:8px;width:100%;padding:9px 14px;background:none;border:1px solid rgba(239,68,68,.2);border-radius:var(--rads);color:#ef4444;font-size:.78rem;cursor:pointer;transition:all .2s ease}.pd-out:hover{background:#ef44440f;border-color:#ef444466}.prof-overlay{position:fixed;inset:0;z-index:150}.hub-scroll{position:relative;z-index:1}.hub-hero{display:flex;align-items:center;justify-content:space-between;gap:2rem;padding:3rem 32px 2rem;max-width:1100px;margin:0 auto}.hero-l{flex:1}.hero-greet{font-size:.88rem;color:var(--td);margin-bottom:8px}.hero-h{font-family:var(--fd);font-size:clamp(1.8rem,3.5vw,2.8rem);font-weight:700;line-height:1.15;color:var(--w);margin-bottom:10px}.gd-text{background:linear-gradient(135deg,var(--gold) 0%,var(--gold3) 50%,var(--gold) 100%);background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:shm 4s ease-in-out infinite}@keyframes shm{0%,to{background-position:0% center}50%{background-position:100% center}}.hero-p{font-size:.9rem;color:var(--td);line-height:1.6;max-width:420px;margin-bottom:1.5rem}.cta-continue{display:flex;align-items:center;gap:14px;padding:12px 20px 12px 12px;background:var(--bg3);border:1px solid var(--brd);border-radius:var(--rad);color:var(--t);cursor:pointer;text-align:left;width:100%;max-width:420px;transition:all .3s ease}.cta-continue:hover{border-color:var(--gold);box-shadow:0 4px 24px var(--goldgs)}.cta-play{width:42px;height:42px;border-radius:50%;background:var(--gold);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:transform .2s ease}.cta-continue:hover .cta-play{transform:scale(1.08)}.cta-info{flex:1;min-width:0}.cta-label{display:block;font-size:.65rem;text-transform:uppercase;letter-spacing:1.5px;color:var(--gold2);font-weight:500;margin-bottom:2px}.cta-name{display:block;font-size:.88rem;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cta-arrow{color:var(--tm);transition:transform .3s ease;flex-shrink:0}.cta-continue:hover .cta-arrow{transform:translate(4px);color:var(--gold)}.hero-r{display:flex;flex-direction:column;align-items:center;gap:1.5rem}.ring-wrap{position:relative;display:flex;align-items:center;justify-content:center}.ring-svg{display:block}.ring-inner{position:absolute;display:flex;align-items:baseline;gap:2px}.ring-n{font-family:var(--fd);font-size:2.4rem;font-weight:700;color:var(--w)}.ring-pct{font-size:.9rem;color:var(--td);font-weight:500}.hero-stats{display:flex;gap:1.5rem}.h-stat{display:flex;align-items:center;gap:8px}.hs-ic{flex-shrink:0}.hs-ic.flame{color:#f97316}.hs-ic.award{color:var(--gold2)}.hs-v{display:block;font-size:.82rem;font-weight:600;color:var(--w)}.hs-l{display:block;font-size:.65rem;color:var(--tm)}.hub-mods{max-width:1100px;margin:0 auto;padding:0 32px 3rem}.mods-head{margin-bottom:2rem}.mods-h{font-family:var(--fd);font-size:1.5rem;font-weight:700;color:var(--w)}.mods-sub{font-size:.82rem;color:var(--td);margin-top:4px}.mods-list{display:flex;flex-direction:column;gap:0}.mod-block{margin-bottom:0}.mod-head{display:flex;gap:20px;padding-bottom:8px}.mod-num-col{display:flex;flex-direction:column;align-items:center}.mod-num{width:48px;height:48px;border-radius:14px;flex-shrink:0;background:color-mix(in srgb,var(--mc, var(--gold)) 15%,transparent);border:1px solid color-mix(in srgb,var(--mc, var(--gold)) 25%,transparent);display:flex;align-items:center;justify-content:center;color:var(--mc, var(--gold))}.jline{flex:1;width:2px;background:#ffffff0f;margin:8px 0;border-radius:2px;overflow:hidden;min-height:40px}.jfill{width:100%;background:linear-gradient(180deg,var(--gold),var(--gold2));border-radius:2px;transition:height .8s var(--ease)}.mod-info{flex:1;min-width:0}.mod-tag{font-size:.62rem;font-weight:600;letter-spacing:2.5px;text-transform:uppercase;color:var(--gold2);margin-bottom:2px}.mod-name{font-family:var(--fd);font-size:1.25rem;font-weight:700;color:var(--w);margin-bottom:2px}.mod-sub{font-size:.78rem;color:var(--td);margin-bottom:10px;line-height:1.4}.mod-bar{height:3px;background:#ffffff0f;border-radius:3px;overflow:hidden;margin-bottom:6px}.mod-fill{height:100%;border-radius:3px;transition:width .8s var(--ease)}.mod-txt{font-size:.68rem;color:var(--tm)}.mod-lessons{padding-left:68px;display:flex;flex-direction:column;gap:6px;padding-bottom:24px}.lcard{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;background:var(--bg2);border:1px solid var(--brd);border-radius:var(--rad);cursor:pointer;text-align:left;width:100%;transition:all .25s ease;color:var(--t)}.lcard:hover:not(:disabled){border-color:var(--brdl);background:var(--bg3);transform:translate(4px)}.lcard.cur{border-color:#c8833a40;background:var(--bga)}.lcard.cur:hover{border-color:var(--gold)}.lcard.done{opacity:.65}.lcard.done:hover{opacity:.85}.lcard.lk{opacity:.35;cursor:not-allowed}.lc-l{display:flex;align-items:flex-start;gap:12px;flex:1;min-width:0}.lc-st{flex-shrink:0;margin-top:2px}.lc-dn{color:var(--green)}.lc-lk{color:var(--tm)}.lc-ring{position:relative;width:26px;height:26px;display:flex;align-items:center;justify-content:center}.lc-mp{position:absolute}.lc-pw{width:26px;height:26px;border-radius:50%;border:1.5px solid var(--td);display:flex;align-items:center;justify-content:center;color:var(--td)}.lcard.cur .lc-pw{border-color:var(--gold);color:var(--gold)}.lc-info{flex:1;min-width:0}.lc-code{font-size:.65rem;font-weight:600;letter-spacing:1.5px;color:var(--gold2);text-transform:uppercase}.lc-ti{display:block;font-size:.88rem;font-weight:500;color:var(--w);margin:2px 0 3px}.lc-desc{display:block;font-size:.75rem;color:var(--td);line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.lc-meta{display:flex;align-items:center;gap:4px;font-size:.68rem;color:var(--tm);margin-top:6px}.lc-res{color:var(--gold)}.lc-r{display:flex;align-items:center;gap:8px;flex-shrink:0;margin-left:12px}.lc-badge{padding:4px 10px;border-radius:var(--pill);font-size:.65rem;font-weight:500;letter-spacing:.5px}.lc-badge.cur{background:var(--bga);color:var(--gold2);border:1px solid rgba(200,131,58,.2)}.lc-badge.dn{background:var(--greend);color:var(--green)}.lc-chev{color:var(--tm);transition:transform .2s ease}.lcard:hover:not(:disabled) .lc-chev{transform:translate(3px);color:var(--td)}.hub-foot{display:flex;align-items:center;justify-content:center;gap:8px;padding:2rem 32px;color:var(--tm);font-size:.72rem;border-top:1px solid var(--brd)}@media(max-width:768px){.hub-nav{padding:12px 16px}.hub-hero{flex-direction:column;padding:2rem 16px;text-align:center}.hero-l{display:flex;flex-direction:column;align-items:center}.hero-p{text-align:center}.cta-continue{max-width:100%}.hero-stats{justify-content:center}.hub-mods{padding:0 16px 2rem}.mod-lessons{padding-left:0}.mod-head{gap:12px}.lcard{padding:12px 14px}.lc-desc{-webkit-line-clamp:1}.prof-name{display:none}}