:root{--k-yellow:#feda00;--k-orange:#ff4a01;--k-green:#03a909;--k-cyan:#01c3ff;--k-cyan-deep:#0079a8;--k-green-deep:#04820a;--k-amber-deep:#9a7a00;--white:#fff;--bg-soft:#f7f8fa;--bg-soft-2:#fafafb;--ink:#1d2126;--ink-2:#5a6472;--ink-3:#8b94a1;--line:#e8eaef;--line-2:#d9dde4;--brand-line:linear-gradient(90deg,var(--k-yellow) 0%,var(--k-orange) 34%,var(--k-green) 67%,var(--k-cyan) 100%);--shadow-sm:0 1px 2px #141a260d;--shadow:0 2px 10px #141a260f;--shadow-lg:0 10px 34px #141a261a;--r-sm:10px;--r:14px;--r-lg:16px;--header-h:70px}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--white);color:var(--ink);-webkit-font-smoothing:antialiased;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:15px;line-height:1.55}h1,h2,h3,h4{letter-spacing:-.015em;color:var(--ink);margin:0;font-weight:650}p{margin:0}button{font-family:inherit;font-size:inherit;cursor:pointer;color:inherit;background:0 0;border:0}input{font-family:inherit}a{color:inherit;text-decoration:none}::selection{background:#01c3ff38}.wrap{max-width:1420px;margin:0 auto;padding:0 34px}[hidden]{display:none!important}.sr{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.header{z-index:60;-webkit-backdrop-filter:saturate(180%)blur(12px);backdrop-filter:saturate(180%)blur(12px);border-bottom:1px solid var(--line);background:#ffffffeb;position:sticky;top:0}.header-inner{height:var(--header-h);align-items:center;gap:26px;display:flex}.brand{cursor:pointer;align-items:center;gap:13px;padding:4px 0;display:flex}.brand img{width:auto;height:48px;display:block}.brand-text{border-left:1px solid var(--line-2);flex-direction:column;padding-left:13px;line-height:1.15;display:flex}.brand-title{letter-spacing:-.01em;font-size:14.5px;font-weight:650}.brand-sub{color:var(--ink-3);letter-spacing:.07em;text-transform:uppercase;font-size:11px;font-weight:500}.nav{align-items:center;gap:6px;margin-left:auto;display:flex}.nav-link{color:var(--ink-2);cursor:pointer;border-radius:9px;padding:9px 14px;font-size:13.5px;font-weight:550;transition:background .16s,color .16s;display:inline-block}.nav-link:hover{background:var(--bg-soft);color:var(--ink)}.nav-link.active{color:var(--ink);background:var(--bg-soft)}.nav-link.active:after{content:"";background:var(--brand-line);border-radius:2px;height:2px;margin-top:5px;display:block}.icon-btn{border:1px solid var(--line);height:36px;color:var(--ink-2);background:var(--white);border-radius:9px;justify-content:center;align-items:center;gap:7px;padding:0 12px;font-size:13px;font-weight:550;transition:border-color .16s,color .16s,box-shadow .16s;display:inline-flex}.icon-btn:hover{border-color:var(--line-2);color:var(--ink);box-shadow:var(--shadow-sm)}.btn-open-lms{background:var(--white);height:36px;color:var(--ink);border:1px solid var(--line-2);box-shadow:var(--shadow-sm);border-radius:9px;align-items:center;gap:8px;padding:0 15px;font-size:13px;font-weight:600;transition:transform .16s,box-shadow .16s,border-color .16s;display:inline-flex;position:relative;overflow:hidden}.btn-open-lms:before{content:"";background:var(--brand-line);width:3px;position:absolute;top:0;bottom:0;left:0}.btn-open-lms:hover{box-shadow:var(--shadow);border-color:var(--line-2);transform:translateY(-1px)}.btn-open-lms .bl-ico{color:var(--k-cyan-deep);margin-left:2px;display:inline-flex}.header-line{background:var(--brand-line);opacity:.9;height:2.5px}.intro{max-width:760px;padding:74px 0 8px}.eyebrow{letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3);align-items:center;gap:9px;margin-bottom:20px;font-size:11.5px;font-weight:600;display:inline-flex}.eyebrow .dots{gap:4px;display:inline-flex}.eyebrow .dots i{border-radius:50%;width:6px;height:6px;display:block}.intro h1{letter-spacing:-.03em;font-size:46px;line-height:1.08}.intro p{color:var(--ink-2);max-width:640px;margin-top:20px;font-size:17px;line-height:1.6}.choices{grid-template-columns:1fr 1fr;gap:26px;padding:48px 0 10px;display:grid}.choice{border:1px solid var(--line);border-radius:var(--r-lg);background:var(--white);text-align:left;cursor:pointer;flex-direction:column;transition:transform .2s cubic-bezier(.2,.7,.3,1),box-shadow .2s,border-color .2s;display:flex;position:relative;overflow:hidden}.choice:hover{box-shadow:var(--shadow-lg);border-color:var(--line-2);transform:translateY(-3px)}.choice-top{background:var(--brand-line);opacity:0;height:4px;transition:opacity .2s;display:block}.choice:hover .choice-top{opacity:1}.choice-art{background:var(--bg-soft);border-bottom:1px solid var(--line);justify-content:center;align-items:center;height:196px;display:flex;position:relative;overflow:hidden}.choice-body{padding:26px 28px 28px;display:block}.choice h3{letter-spacing:-.022em;font-size:22px}.choice p{color:var(--ink-2);max-width:400px;margin-top:9px;font-size:14.5px}.choice-cta{background:var(--ink);color:#fff;border-radius:10px;align-items:center;gap:9px;height:42px;margin-top:22px;padding:0 20px;font-size:14px;font-weight:600;display:inline-flex}.choice-note{color:var(--ink-3);align-items:center;gap:8px;margin-top:14px;font-size:12.5px;display:flex}.choice-note i{border-radius:50%;width:5px;height:5px;display:block}.mock{border:1px solid var(--line);background:#fff;border-radius:9px;width:82%;height:74%;display:flex;overflow:hidden;box-shadow:0 8px 22px #141a2612}.mock-side{border-right:1px solid var(--line);flex-direction:column;gap:7px;width:26%;padding:11px 9px;display:flex}.mock-side span{background:var(--line);border-radius:3px;height:6px;display:block}.mock-side span:first-child{background:var(--k-cyan);width:70%}.mock-side span:nth-child(2){width:88%}.mock-side span:nth-child(3){width:60%}.mock-side span:nth-child(4){width:78%}.mock-main{flex-direction:column;flex:1;gap:8px;padding:11px;display:flex}.mock-screen{background:linear-gradient(135deg,#eef7fb,#f7f8fa);border-radius:6px;flex:1;justify-content:center;align-items:center;display:flex}.mock-play{width:34px;height:34px;box-shadow:var(--shadow);background:#fff;border-radius:50%;justify-content:center;align-items:center;display:flex}.mock-row{gap:6px;display:flex}.mock-row span{background:var(--line);border-radius:3px;height:6px}.strip{align-items:center;gap:12px;display:flex}.strip-card{border:1px solid var(--line);width:74px;height:126px;color:var(--ink-3);background:#fff;border-radius:9px;align-items:flex-end;padding:9px;font-size:11px;font-weight:700;display:flex;box-shadow:0 6px 16px #141a2612}.strip-card.mid{height:150px;box-shadow:0 10px 24px #141a261a}.strip-card em{letter-spacing:.08em;font-size:10px;font-style:normal}.continue{padding:44px 0 0}.section-lead{align-items:baseline;gap:14px;margin-bottom:16px;display:flex}.section-lead h2{letter-spacing:.02em;font-size:15px}.continue-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:16px;display:grid}.continue-card{border:1px solid var(--line);border-radius:var(--r);background:var(--white);text-align:left;cursor:pointer;align-items:center;gap:16px;padding:14px 16px;transition:border-color .18s,box-shadow .18s;display:flex}.continue-card:hover{border-color:var(--line-2);box-shadow:var(--shadow)}.cc-thumb{background:var(--bg-soft);object-fit:cover;border:1px solid var(--line);border-radius:8px;flex:none;width:96px;height:56px}.cc-meta{flex:1;min-width:0}.cc-label{letter-spacing:.09em;text-transform:uppercase;color:var(--ink-3);font-size:11px;font-weight:600;display:block}.cc-title{white-space:nowrap;text-overflow:ellipsis;margin-top:3px;font-size:14px;font-weight:600;display:block;overflow:hidden}.cc-go{color:var(--k-cyan-deep);flex:none;font-size:13px;font-weight:600}.view{padding-bottom:70px}.section-head{border-bottom:1px solid var(--line);margin-bottom:26px;padding:52px 0 26px}.section-head h1{letter-spacing:-.028em;font-size:33px}.section-head p{color:var(--ink-2);max-width:680px;margin-top:11px;font-size:15.5px}.head-row{flex-wrap:wrap;align-items:flex-end;gap:26px;display:flex}.head-row .grow{flex:1;min-width:280px}.tabs{background:var(--bg-soft);border:1px solid var(--line);border-radius:11px;gap:3px;padding:4px;display:inline-flex}.tab{color:var(--ink-2);cursor:pointer;border-radius:8px;align-items:center;gap:8px;padding:8px 17px;font-size:13.5px;font-weight:600;transition:background .16s,color .16s,box-shadow .16s;display:inline-flex}.tab:hover{color:var(--ink)}.tab.active{background:var(--white);color:var(--ink);box-shadow:var(--shadow-sm)}.tab .count{color:var(--ink-3);font-size:11px;font-weight:600}.tab.active .count{color:var(--k-cyan-deep)}.role-bar{flex-wrap:wrap;align-items:center;gap:18px;margin-bottom:22px;display:flex}.btn-start{border:1px solid var(--line);background:var(--white);height:40px;color:var(--ink);border-radius:10px;align-items:center;gap:10px;padding:0 18px;font-size:13.5px;font-weight:600;transition:border-color .18s,box-shadow .18s,transform .18s;display:inline-flex}.btn-start:hover{border-color:var(--line-2);box-shadow:var(--shadow);transform:translateY(-1px)}.btn-start .tri{color:var(--k-orange)}.role-progress{color:var(--ink-3);align-items:center;gap:12px;margin-left:auto;font-size:12.5px;display:flex}.mini-bar{background:var(--line);border-radius:99px;width:132px;height:4px;overflow:hidden}.mini-bar i{background:var(--brand-line);border-radius:99px;width:0;height:100%;display:block}.stage{grid-template-columns:minmax(0,1fr) 396px;align-items:start;gap:26px;display:grid}.player-col{min-width:0}.frame{border-radius:var(--r);border:1px solid var(--line);box-shadow:var(--shadow);aspect-ratio:16/9;background:#0e1114;position:relative;overflow:hidden}.frame-inner{background:#000;border-radius:10px;position:absolute;inset:18px;overflow:hidden}.frame video,.frame iframe{object-fit:contain;background:#000;border:0;width:100%;height:100%;display:block}.frame-fallback{background:var(--bg-soft);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:30px;display:flex;position:absolute;inset:0}.frame-fallback img.mark{opacity:.95;height:44px}.frame-fallback .ff-title{max-width:520px;font-size:17px;font-weight:650}.frame-fallback .ff-label{letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3);font-size:11px;font-weight:600}.frame-fallback code{color:var(--ink-3);border:1px solid var(--line);background:#fff;border-radius:7px;padding:5px 10px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11.5px}.frame-fallback .ff-hint{color:var(--ink-3);max-width:420px;font-size:12px}.upnext{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);color:#fff;text-align:center;background:#0d1014db;flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:28px;display:flex;position:absolute;inset:0}.upnext .un-label{letter-spacing:.16em;text-transform:uppercase;color:#ffffff9e;font-size:11px;font-weight:600}.upnext .un-title{color:#fff;max-width:520px;font-size:20px;font-weight:650}.upnext .un-sub{color:#fff9;font-size:12.5px}.upnext-actions{gap:10px;margin-top:6px;display:flex}.un-btn{height:38px;color:var(--ink);cursor:pointer;background:#fff;border-radius:9px;align-items:center;gap:8px;padding:0 18px;font-size:13px;font-weight:600;display:inline-flex}.un-btn.ghost{color:#ffffffd1;background:0 0;border:1px solid #ffffff47}.ring{width:52px;height:52px;position:relative}.ring svg{transform:rotate(-90deg)}.ring span{color:#fff;justify-content:center;align-items:center;font-size:15px;font-weight:650;display:flex;position:absolute;inset:0}.meta{padding:20px 2px 0}.meta-top{align-items:flex-start;gap:18px;display:flex}.meta h2{letter-spacing:-.022em;font-size:20px;line-height:1.3}.meta .desc{color:var(--ink-2);margin-top:7px;font-size:13.5px}.meta-chip{letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);border:1px solid var(--line);background:var(--white);border-radius:99px;flex:none;padding:5px 11px;font-size:11px;font-weight:600}.chapter-progress{color:var(--ink-3);align-items:center;gap:14px;margin-top:18px;font-size:12.5px;display:flex}.chapter-progress .cp-bar{background:var(--line);border-radius:99px;flex:1;max-width:340px;height:4px;overflow:hidden}.chapter-progress .cp-bar i{background:var(--brand-line);border-radius:99px;width:0;height:100%;display:block}.controls{border-top:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:9px;margin-top:18px;padding-top:18px;display:flex}.ctrl{border:1px solid var(--line);background:var(--white);height:38px;color:var(--ink-2);border-radius:9px;align-items:center;gap:8px;padding:0 14px;font-size:13px;font-weight:550;transition:border-color .16s,color .16s,box-shadow .16s;display:inline-flex}.ctrl:hover:not(:disabled){border-color:var(--line-2);color:var(--ink);box-shadow:var(--shadow-sm)}.ctrl:disabled{opacity:.42;cursor:not-allowed}.ctrl.spacer{box-shadow:none;color:var(--ink-3);border:0;margin-left:auto;padding:0 4px}.speed{border:1px solid var(--line);height:38px;color:var(--ink-2);border-radius:9px;align-items:center;gap:7px;padding:0 12px;font-size:12.5px;display:inline-flex}.speed select{color:var(--ink);background:0 0;border:0;outline:none;font-size:12.5px;font-weight:600}.playlist{border:1px solid var(--line);border-radius:var(--r);background:var(--white);top:calc(var(--header-h) + 18px);position:sticky;overflow:hidden}.pl-head{border-bottom:1px solid var(--line);background:var(--bg-soft-2);padding:15px 16px}.pl-head-row{justify-content:space-between;align-items:center;gap:10px;display:flex}.pl-title{letter-spacing:.13em;text-transform:uppercase;color:var(--ink-3);font-size:11.5px;font-weight:600}.pl-count{color:var(--ink-3);font-size:11.5px}.pl-search{margin-top:12px;position:relative}.pl-search input{border:1px solid var(--line);background:var(--white);width:100%;height:38px;color:var(--ink);border-radius:9px;outline:none;padding:0 34px;font-size:13px;transition:border-color .16s,box-shadow .16s}.pl-search input:focus{border-color:var(--k-cyan);box-shadow:0 0 0 3px #01c3ff24}.pl-search .s-ico{color:var(--ink-3);position:absolute;top:11px;left:11px}.pl-search .s-clear{width:22px;height:22px;color:var(--ink-3);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;display:none;position:absolute;top:8px;right:8px}.pl-search .s-clear:hover{background:var(--bg-soft);color:var(--ink)}.pl-body{scrollbar-width:thin;max-height:min(72vh,760px);overflow-y:auto}.pl-body::-webkit-scrollbar{width:9px}.pl-body::-webkit-scrollbar-thumb{background:var(--line-2);border:3px solid #fff;border-radius:9px}.chapter{border-bottom:1px solid var(--line)}.chapter:last-child{border-bottom:0}.ch-btn{text-align:left;cursor:pointer;align-items:center;gap:12px;width:100%;padding:13px 16px;transition:background .14s;display:flex}.ch-btn:hover{background:var(--bg-soft-2)}.ch-num{color:#fff;letter-spacing:.02em;border-radius:8px;flex:none;justify-content:center;align-items:center;width:28px;height:28px;font-size:11.5px;font-weight:700;display:flex}.ch-meta{flex:1;min-width:0}.ch-name{letter-spacing:-.008em;font-size:13.5px;font-weight:600;display:block}.ch-sub{color:var(--ink-3);align-items:center;gap:7px;margin-top:2px;font-size:11.5px;display:flex}.ch-sub .done{color:var(--k-green-deep);font-weight:600}.ch-caret{color:var(--ink-3);flex:none;transition:transform .2s}.chapter.open .ch-caret{transform:rotate(90deg)}.ch-items{padding:0 0 8px;display:none}.chapter.open .ch-items{display:block}.item{text-align:left;cursor:pointer;border-left:3px solid #0000;align-items:center;gap:12px;width:100%;padding:9px 16px 9px 15px;transition:background .14s;display:flex}.item:hover{background:var(--bg-soft-2)}.item .seq{width:26px;color:var(--ink-3);font-variant-numeric:tabular-nums;text-align:center;flex:none;font-size:11.5px;font-weight:650}.item .t{min-width:0;color:var(--ink-2);flex:1;font-size:13px;line-height:1.4}.item .t small{color:var(--ink-3);margin-top:2px;font-size:11px;display:block}.item .dur{color:var(--ink-3);font-variant-numeric:tabular-nums;flex:none;font-size:11.5px}.item .tick{width:16px;color:var(--k-green);flex:none;justify-content:center;align-items:center;display:flex}.item.watched .t{color:var(--ink-3)}.item.current{border-left-color:var(--k-cyan);background:#01c3ff12}.item.current .t{color:var(--k-cyan-deep);font-weight:600}.item.current .seq{color:var(--k-cyan-deep)}.item .eq{align-items:flex-end;gap:2px;height:11px;display:none}.item.current .eq{display:flex}.item .eq i{background:var(--k-cyan);border-radius:2px;width:2.5px;animation:1s ease-in-out infinite eq}.item .eq i:first-child{height:5px;animation-delay:0s}.item .eq i:nth-child(2){height:11px;animation-delay:.18s}.item .eq i:nth-child(3){height:7px;animation-delay:.34s}@keyframes eq{0%,to{transform:scaleY(.5)}50%{transform:scaleY(1)}}.item.current .tick{display:none}.pl-empty{text-align:center;color:var(--ink-3);padding:34px 20px;font-size:13px}.pl-empty strong{color:var(--ink-2);margin-bottom:5px;font-size:13.5px;display:block}.jump{border-top:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:9px;margin:24px 0 4px;padding-top:22px;display:flex}.jump-label{letter-spacing:.11em;text-transform:uppercase;color:var(--ink-3);margin-right:4px;font-size:11.5px;font-weight:600}.chip{border:1px solid var(--line);background:var(--white);height:32px;color:var(--ink-2);cursor:pointer;border-radius:99px;align-items:center;gap:7px;padding:0 13px;font-size:12.5px;font-weight:550;transition:border-color .16s,color .16s,background .16s;display:inline-flex}.chip:hover{border-color:var(--line-2);color:var(--ink);background:var(--bg-soft-2)}.chip i{border-radius:50%;width:6px;height:6px;display:block}.pills{flex-wrap:wrap;gap:8px;margin-bottom:24px;display:flex}.pill{border:1px solid var(--line);background:var(--white);height:36px;color:var(--ink-2);cursor:pointer;border-radius:99px;align-items:center;gap:8px;padding:0 15px;font-size:13px;font-weight:550;transition:border-color .16s,color .16s,box-shadow .16s;display:inline-flex}.pill:hover{border-color:var(--line-2);color:var(--ink)}.pill.active{color:var(--ink);box-shadow:var(--shadow-sm);border-color:var(--line-2);font-weight:600}.pill i{border-radius:50%;width:7px;height:7px;display:block}.pill .n{color:var(--ink-3);font-size:11px}.shorts-list{padding:8px}.short-item{text-align:left;cursor:pointer;border-radius:11px;align-items:center;gap:12px;width:100%;padding:8px;transition:background .14s;display:flex}.short-item:hover{background:var(--bg-soft-2)}.short-thumb{border:1px solid var(--line);background:#fff;border-radius:8px;flex:none;width:92px;height:56px;display:block;position:relative;overflow:hidden}.short-thumb img{object-fit:cover;width:100%;height:100%;display:block}.short-thumb-logo{object-fit:contain;background:#fff;width:100%;height:100%;padding:14px 18px;display:block}.short-thumb .num{color:var(--ink);letter-spacing:.02em;background:#fffffff0;border-radius:5px;padding:1.5px 5px;font-size:10px;font-weight:700;position:absolute;top:5px;left:5px}.short-thumb .pl{opacity:0;color:#fff;background:#0d10143d;justify-content:center;align-items:center;transition:opacity .16s;display:flex;position:absolute;inset:0}.short-item:hover .short-thumb .pl{opacity:1}.short-meta{flex:1;min-width:0}.short-title{color:var(--ink-2);font-size:13px;font-weight:550;line-height:1.4;display:block}.short-sub{color:var(--ink-3);align-items:center;gap:8px;margin-top:3px;font-size:11px;display:flex}.short-item.current{background:#01c3ff12}.short-item.current .short-title{color:var(--k-cyan-deep);font-weight:650}.short-item.watched .short-title{color:var(--ink-3)}.coll-divider{letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3);align-items:center;gap:10px;padding:16px 10px 8px;font-size:11px;font-weight:650;display:flex}.coll-divider i{border-radius:50%;flex:none;width:7px;height:7px;display:block}.coll-divider span.rule{background:var(--line);flex:1;height:1px}.overlay{z-index:100;background:#171c2457;justify-content:center;align-items:flex-start;padding:90px 20px 20px;display:flex;position:fixed;inset:0}.search-panel{background:var(--white);border-radius:var(--r-lg);border:1px solid var(--line);width:100%;max-width:660px;overflow:hidden;box-shadow:0 24px 70px #0f141e42}.sp-top{border-bottom:1px solid var(--line);align-items:center;gap:12px;padding:16px 18px;display:flex}.sp-top input{height:40px;color:var(--ink);border:0;outline:none;flex:1;font-size:16px}.sp-scope{background:var(--bg-soft);border:1px solid var(--line);border-radius:9px;gap:3px;padding:3px;display:inline-flex}.sp-scope button{color:var(--ink-2);cursor:pointer;border-radius:7px;padding:6px 12px;font-size:12px;font-weight:600}.sp-scope button.active{background:var(--white);color:var(--ink);box-shadow:var(--shadow-sm)}.sp-results{max-height:min(56vh,520px);padding:8px;overflow-y:auto}.sp-item{text-align:left;cursor:pointer;border-radius:10px;align-items:center;gap:13px;width:100%;padding:11px 12px;display:flex}.sp-item:hover,.sp-item.sel{background:var(--bg-soft)}.sp-item .sp-badge{color:#fff;border-radius:8px;flex:none;justify-content:center;align-items:center;width:30px;height:30px;font-size:11px;font-weight:700;display:flex}.sp-item .sp-t{flex:1;min-width:0}.sp-item .sp-name{white-space:nowrap;text-overflow:ellipsis;font-size:13.5px;font-weight:550;display:block;overflow:hidden}.sp-item .sp-loc{color:var(--ink-3);margin-top:2px;font-size:11.5px;display:block}.sp-foot{border-top:1px solid var(--line);background:var(--bg-soft-2);color:var(--ink-3);gap:16px;padding:11px 18px;font-size:11.5px;display:flex}.kbd{background:var(--white);border:1px solid var(--line-2);color:var(--ink-2);border-bottom-width:2px;border-radius:5px;padding:1px 5px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10.5px}.footer{border-top:1px solid var(--line);background:var(--bg-soft-2);margin-top:20px}.footer-inner{flex-wrap:wrap;align-items:center;gap:20px;padding:34px 0;display:flex}.footer img{width:auto;height:62px}.footer-txt{color:var(--ink-2);font-size:13px;font-weight:550}.footer-txt small{color:var(--ink-3);margin-top:3px;font-size:12px;font-weight:400;display:block}.footer-right{color:var(--ink-3);margin-left:auto;font-size:12px}.hero{border-bottom:1px solid var(--line);position:relative;overflow:hidden}.hero-wash{pointer-events:none;position:absolute;inset:0}.hero-wash i{filter:blur(56px);opacity:.24;border-radius:50%;display:block;position:absolute}.hero-wash i.a{background:var(--k-cyan);width:420px;height:420px;top:-140px;right:-60px}.hero-wash i.b{background:var(--k-yellow);opacity:.2;width:340px;height:340px;top:60px;right:210px}.hero-wash i.c{background:var(--k-orange);opacity:.16;width:300px;height:300px;bottom:-150px;right:-30px}.hero-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);align-items:center;gap:40px;padding:66px 0 70px;display:grid;position:relative}.hero-copy{max-width:600px}.hero-logo{width:auto;height:128px;margin-bottom:26px;display:block}.hero-eyebrow{letter-spacing:.15em;text-transform:uppercase;color:var(--ink-2);align-items:center;gap:9px;margin-bottom:16px;font-size:11.5px;font-weight:650;display:inline-flex}.hero h1{letter-spacing:-.032em;font-size:44px;line-height:1.1}.hero .sub{color:var(--ink-2);max-width:560px;margin-top:20px;font-size:16.5px;line-height:1.6}.hero-actions{flex-wrap:wrap;gap:11px;margin-top:32px;display:flex}.btn{cursor:pointer;border:1px solid #0000;border-radius:11px;align-items:center;gap:9px;height:46px;padding:0 22px;font-size:14.5px;font-weight:600;transition:transform .16s,box-shadow .16s,border-color .16s,background .16s;display:inline-flex}.btn:hover{transform:translateY(-1px)}.btn-primary{background:var(--ink);color:#fff}.btn-primary:hover{box-shadow:0 8px 22px #141a2633}.btn-secondary{background:var(--white);color:var(--ink);border-color:var(--line-2);box-shadow:var(--shadow-sm)}.btn-secondary:hover{box-shadow:var(--shadow)}.btn-quiet{color:var(--ink-2);background:0 0;border-color:#0000;padding:0 12px}.btn-quiet:hover{color:var(--ink);background:var(--bg-soft)}.hero-badge{color:var(--ink-3);border:1px solid var(--line);background:#ffffffb3;border-radius:99px;align-items:center;gap:10px;margin-top:26px;padding:7px 14px;font-size:12px;display:inline-flex}.hero-badge b{color:var(--ink-2);font-weight:600}.hero-badge img{width:auto;height:20px}.hero-art{height:500px;position:relative}.panel{border:1px solid var(--line);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffffeb;border-radius:14px;flex-direction:column;gap:11px;padding:15px;display:flex;position:absolute;box-shadow:0 14px 40px #141a261a}.panel .ph{align-items:center;gap:8px;display:flex}.panel .ph em{letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);font-size:10px;font-style:normal;font-weight:650}.panel .dot{border-radius:50%;flex:none;width:8px;height:8px;display:block}.panel .bar{background:var(--line);border-radius:4px;height:7px;display:block}.panel .block{background:#0e1114;border-radius:9px;flex:1;justify-content:center;align-items:center;min-height:0;display:flex;overflow:hidden}.panel .block img{object-fit:cover;object-position:center;width:100%;height:100%;display:block}.panel .glyph{color:var(--ink-3);opacity:.75}.panel.p1{width:68%;height:268px;top:12px;left:0}.panel.p2{width:58%;height:236px;top:88px;right:0}.panel.p3{width:52%;height:188px;bottom:4px;left:8%}.panel.p4{width:42%;height:168px;bottom:8px;right:2%}.p-accent{border-radius:14px 14px 0 0;height:3px;position:absolute;top:0;left:0;right:0}.band{padding:74px 0}.band.soft{background:var(--bg-soft);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.band-head{max-width:620px;margin-bottom:38px}.band-head h2{letter-spacing:-.028em;font-size:29px}.band-head p{color:var(--ink-2);margin-top:11px;font-size:15.5px}.pillars{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;display:grid}.pillar{background:var(--white);border:1px solid var(--line);border-radius:var(--r-lg);flex-direction:column;gap:14px;padding:24px 22px 22px;transition:box-shadow .2s,transform .2s,border-color .2s;display:flex;position:relative;overflow:hidden}.pillar:hover{box-shadow:var(--shadow-lg);border-color:var(--line-2);transform:translateY(-2px)}.pillar-top{height:3px;position:absolute;top:0;left:0;right:0}.pillar-ico{border-radius:12px;flex:none;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.pillar h3{letter-spacing:-.02em;font-size:17.5px}.pillar p{color:var(--ink-2);font-size:13.5px;line-height:1.55}.pillar ul{flex-wrap:wrap;gap:6px;margin:4px 0 0;padding:0;list-style:none;display:flex}.pillar li{color:var(--ink-2);background:var(--bg-soft);border:1px solid var(--line);border-radius:99px;padding:4px 10px;font-size:11.5px;font-weight:550}.fgroup{margin-bottom:40px}.fgroup:last-child{margin-bottom:0}.fgroup-head{align-items:center;gap:12px;margin-bottom:18px;display:flex}.fgroup-head i{border-radius:50%;flex:none;width:8px;height:8px;display:block}.fgroup-head h3{letter-spacing:.13em;text-transform:uppercase;color:var(--ink-2);font-size:12.5px;font-weight:650}.fgroup-head span.rule{background:var(--line);flex:1;height:1px}.fgrid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.fcard{background:var(--white);border:1px solid var(--line);border-radius:var(--r);text-align:left;flex-direction:column;gap:11px;padding:20px 18px 18px;transition:transform .18s,box-shadow .18s,border-color .18s;display:flex;position:relative;overflow:hidden}.fcard:before{content:"";background:var(--fc-accent,var(--k-cyan));opacity:0;height:2px;transition:opacity .18s;position:absolute;top:0;left:0;right:0}.fcard:hover{box-shadow:var(--shadow-lg);border-color:var(--line-2);transform:translateY(-2px)}.fcard:hover:before{opacity:1}.fcard-ico{border-radius:10px;flex:none;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.fcard h4{letter-spacing:-.015em;font-size:15px;line-height:1.3}.fcard p{color:var(--ink-2);flex:1;font-size:13px;line-height:1.55}.fcard-links{flex-wrap:wrap;gap:12px;padding-top:4px;display:flex}.flink{color:var(--ink-2);cursor:pointer;align-items:center;gap:6px;font-size:12.5px;font-weight:600;transition:color .16s,gap .16s;display:inline-flex}.flink:hover{gap:9px}.flink.primary{color:var(--fc-accent-deep,var(--k-cyan-deep))}.fcard:hover .flink{color:var(--ink-2)}.fcard:hover .flink.primary{color:var(--fc-accent-deep,var(--k-cyan-deep))}.fnote{color:var(--ink-3);flex-wrap:wrap;align-items:center;gap:9px;margin-top:26px;font-size:12px;display:flex}.fnote b{color:var(--ink-2);font-weight:600}.modal-back{z-index:120;background:#171c2466;justify-content:center;align-items:flex-start;padding:64px 20px 24px;display:flex;position:fixed;inset:0;overflow-y:auto}.modal{background:var(--white);border:1px solid var(--line);border-radius:18px;width:100%;max-width:1000px;overflow:hidden;box-shadow:0 28px 80px #0f141e4d}.modal-line{background:var(--brand-line);height:3px}.modal-head{border-bottom:1px solid var(--line);align-items:flex-start;gap:18px;padding:26px 30px 22px;display:flex}.modal-head h2{letter-spacing:-.026em;font-size:24px}.modal-head p{color:var(--ink-2);margin-top:8px;font-size:14.5px}.modal-head .hint{color:var(--ink-3);margin-top:8px;font-size:12.5px}.modal-close{border:1px solid var(--line);height:34px;color:var(--ink-2);background:var(--white);cursor:pointer;border-radius:9px;flex:none;align-items:center;gap:7px;margin-left:auto;padding:0 12px;font-size:12.5px;font-weight:550;display:inline-flex}.modal-close:hover{border-color:var(--line-2);color:var(--ink);box-shadow:var(--shadow-sm)}.modal-body{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;padding:26px 30px 30px;display:grid}.access{border:1px solid var(--line);border-radius:var(--r);background:var(--white);flex-direction:column;gap:14px;padding:20px 18px;transition:box-shadow .18s,border-color .18s;display:flex;position:relative}.access:hover{box-shadow:var(--shadow)}.access.focus{border-color:var(--ac,var(--k-cyan));box-shadow:0 0 0 3px var(--acs,#01c3ff21)}.access-top{align-items:center;gap:11px;display:flex}.access-ico{border-radius:11px;flex:none;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.access h3{letter-spacing:-.015em;font-size:16px}.access .role-note{color:var(--ink-2);min-height:38px;font-size:12.5px;line-height:1.5}.cred{border-top:1px solid var(--line);flex-direction:column;gap:6px;padding-top:12px;display:flex}.cred-label{letter-spacing:.11em;text-transform:uppercase;color:var(--ink-3);font-size:10.5px;font-weight:650}.cred-row{align-items:center;gap:8px;display:flex}.cred-val{min-width:0;color:var(--ink);background:var(--bg-soft);border:1px solid var(--line);text-overflow:ellipsis;white-space:nowrap;border-radius:8px;flex:1;padding:8px 10px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px;overflow:hidden}.mini{border:1px solid var(--line);background:var(--white);height:34px;color:var(--ink-2);cursor:pointer;border-radius:8px;flex:none;align-items:center;gap:6px;padding:0 11px;font-size:12px;font-weight:600;display:inline-flex}.mini:hover{border-color:var(--line-2);color:var(--ink)}.mini.done{color:var(--k-green-deep);background:#03a9090f;border-color:#03a90959}.access-cta{background:var(--ink);color:#fff;cursor:pointer;border-radius:10px;justify-content:center;align-items:center;gap:8px;height:42px;margin-top:4px;font-size:13.5px;font-weight:600;transition:transform .16s,box-shadow .16s;display:inline-flex}.access-cta:hover{transform:translateY(-1px);box-shadow:0 8px 20px #141a262e}.modal-foot{border-top:1px solid var(--line);background:var(--bg-soft-2);color:var(--ink-3);flex-wrap:wrap;gap:16px;padding:14px 30px;font-size:12px;display:flex}:focus-visible{outline:2px solid var(--k-cyan-deep);outline-offset:2px;border-radius:6px}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}.fcard:hover,.pillar:hover,.choice:hover,.btn:hover{transform:none}}@media (width<=1180px){.fgrid{grid-template-columns:repeat(3,minmax(0,1fr))}.pillars{grid-template-columns:repeat(2,minmax(0,1fr))}.hero h1{font-size:38px}.hero-art{height:430px}.stage{grid-template-columns:minmax(0,1fr) 340px;gap:20px}.intro h1{font-size:40px}}@media (width<=980px){.hero-grid{grid-template-columns:1fr;gap:30px;padding:46px 0 54px}.hero-art{order:2;height:360px}.hero-logo{height:90px}.hero h1{font-size:33px}.fgrid{grid-template-columns:repeat(2,minmax(0,1fr))}.band{padding:54px 0}.modal-body{grid-template-columns:repeat(2,minmax(0,1fr))}.modal{max-width:640px}.wrap{padding:0 22px}.stage{grid-template-columns:1fr}.playlist{position:static}.pl-body{max-height:none}.choices{grid-template-columns:1fr}.intro{padding:52px 0 4px}.intro h1{font-size:34px}.brand-text,.nav-link.hide-sm{display:none}}@media (width<=640px){.hero h1{font-size:27px}.hero .sub{font-size:15px}.hero-art{display:none}.fgrid,.pillars{grid-template-columns:1fr}.band-head h2{font-size:23px}.modal-body{grid-template-columns:1fr;padding:20px}.modal-back{padding:20px 14px}.modal-head{padding:20px}.hero-actions .btn{justify-content:center;width:100%}.wrap{padding:0 16px}.intro h1{font-size:29px}.section-head h1{font-size:25px}.role-progress{width:100%;margin-left:0}.footer img{height:46px}}
