*,:before,:after{box-sizing:border-box}html,body{background:#07070a;min-height:100vh;margin:0;padding:0}body{-webkit-font-smoothing:antialiased}.cp{--font-display:"SF Pro Display", -apple-system, "Segoe UI", system-ui, sans-serif;--font-text:"SF Pro Text", -apple-system, "Segoe UI", system-ui, sans-serif;--font-mono:"SF Mono", ui-monospace, Menlo, monospace;--c-blue:#3fb6ff;--c-indigo:#6191f4;--c-violet:#9f6ef8;--c-magenta:#b55ffa;--brand-grad:linear-gradient(115deg, #3fb6ff 0%, #6191f4 38%, #9f6ef8 72%, #b55ffa 100%);--brand-grad-soft:linear-gradient(115deg, #3fb6ff29, #b55ffa29);--track-code:linear-gradient(120deg, #3fb6ff, #6191f4);--track-code-c:#3fb6ff;--track-video:linear-gradient(120deg, #9f6ef8, #b55ffa);--track-video-c:#b55ffa;--ok:#46d6a0;--warn:#f5b544;--r-xs:10px;--r-sm:14px;--r-md:18px;--r-lg:24px;--r-xl:32px;--r-pill:999px;font-family:var(--font-text);color:var(--fg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.cp.theme-dark{--bg:#07070a;--bg-1:#0d0d12;--bg-2:#14141b;--bg-3:#1b1b23;--surface:#ffffff08;--surface-2:#ffffff0e;--surface-3:#ffffff17;--hairline:#ffffff17;--hairline-2:#ffffff29;--fg:#f4f4f7;--fg-mute:#a4a4b2;--fg-faint:#6a6a78;--nav-bg:#09090db8;--shadow-card:0 1px 0 #ffffff0a inset, 0 24px 48px -28px #000000d9;--shadow-float:0 40px 90px -34px #000000e6, 0 10px 28px -16px #0009;--glow:0 30px 80px -28px #b55ffa73}.cp.theme-light{--bg:#f6f6f9;--bg-1:#fff;--bg-2:#fff;--bg-3:#f0f0f4;--surface:#0f0f1e04;--surface-2:#0f0f1e0a;--surface-3:#0f0f1e12;--hairline:#0d0d1e17;--hairline-2:#0d0d1e26;--fg:#16161d;--fg-mute:#5a5a68;--fg-faint:#8e8e9c;--nav-bg:#ffffffc7;--shadow-card:0 1px 2px #0d0d280a, 0 18px 40px -28px #0d0d2838;--shadow-float:0 30px 70px -30px #0d0d2847, 0 8px 22px -14px #0d0d281f;--glow:0 30px 70px -30px #b55ffa59}.cp *{box-sizing:border-box}.cp a{color:inherit;text-decoration:none}.cp button{font-family:inherit}.cp ::selection{background:#9f6ef852}.cp img{max-width:100%;display:block}.cp-root{background:var(--bg);color:var(--fg);min-height:100vh;position:relative}.cp-root:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(55% 36% at 82% -4%,#b55ffa21,#0000 70%),radial-gradient(48% 30% at 6% 4%,#3fb6ff1a,#0000 70%);position:absolute;inset:0}.cp-root>*{z-index:1;position:relative}.grad-text{background:var(--brand-grad);color:#0000;-webkit-background-clip:text;background-clip:text}.eyebrow{font-family:var(--font-mono);letter-spacing:2.5px;text-transform:uppercase;color:var(--track-code-c);font-size:12px;font-weight:600}.cp .btn{font-family:var(--font-display);cursor:pointer;white-space:nowrap;border-radius:var(--r-pill);border:1px solid #0000;justify-content:center;align-items:center;gap:9px;font-weight:650;transition:transform .14s,box-shadow .24s,background .2s,border-color .2s,color .2s;display:inline-flex}.cp .btn:active{transform:translateY(1px)}.cp .btn-grad{background:var(--brand-grad);color:#fff;box-shadow:0 14px 30px -14px #b55ffa99,0 8px 20px -14px #3fb6ff80}.cp .btn-grad:hover{box-shadow:0 20px 40px -14px #b55ffabf,0 12px 26px -14px #3fb6ff99}.cp .btn-solid{background:var(--fg);color:var(--bg)}.cp .btn-ghost{background:var(--surface-2);color:var(--fg);border-color:var(--hairline)}.cp .btn-ghost:hover{background:var(--surface-3);border-color:var(--hairline-2)}.cp .btn-line{color:var(--fg);border-color:var(--hairline-2);background:0 0}.cp .btn-line:hover{background:var(--surface-2)}.cp .btn-xs{height:34px;padding:0 14px;font-size:13px}.cp .btn-sm{height:42px;padding:0 18px;font-size:14px}.cp .btn-md{height:50px;padding:0 24px;font-size:15px}.cp .btn-lg{height:58px;padding:0 30px;font-size:16px}.cp .btn-block{width:100%}.cp-nav{z-index:60;background:var(--nav-bg);-webkit-backdrop-filter:blur(22px);border-bottom:1px solid var(--hairline);position:sticky;top:0}.cp-nav-inner{align-items:center;gap:20px;max-width:1320px;margin:0 auto;padding:14px clamp(16px,3vw,32px);display:flex}.cp-logo{cursor:pointer;flex-shrink:0;align-items:center;gap:11px;display:inline-flex}.cp-logo .mark{background:var(--brand-grad-soft);border:1px solid var(--hairline);border-radius:11px;place-items:center;width:38px;height:38px;display:grid}.cp-logo .word{font-family:var(--font-display);letter-spacing:2px;font-size:19px;font-weight:800}.cp-logo .word small{letter-spacing:1px;color:var(--fg-faint);margin-left:2px;font-size:11px;font-weight:600}.cp-nav-links{align-items:center;gap:3px;display:flex}.cp-nav-links a,.cp-nav-links button.lnk{border-radius:var(--r-pill);color:var(--fg-mute);cursor:pointer;background:0 0;border:none;padding:8px 14px;font-size:14px;font-weight:500;transition:color .18s,background .18s}.cp-nav-links a:hover,.cp-nav-links button.lnk:hover{color:var(--fg);background:var(--surface-2)}.cp-nav-links a.active,.cp-nav-links button.lnk.active{color:var(--fg);background:var(--surface-3)}.cp-search{border-radius:var(--r-pill);background:var(--surface-2);border:1px solid var(--hairline);max-width:360px;height:42px;color:var(--fg-faint);flex:1;align-items:center;gap:10px;padding:0 16px;display:flex}.cp-search input{color:var(--fg);font-size:14px;font-family:var(--font-text);background:0 0;border:none;outline:none;flex:1}.cp-search input::placeholder{color:var(--fg-faint)}.cp-nav-right{align-items:center;gap:10px;margin-left:auto;display:flex}.cp-seg{border-radius:var(--r-pill);background:var(--surface-2);border:1px solid var(--hairline);padding:3px;display:inline-flex}.cp-seg button{cursor:pointer;font-family:var(--font-display);letter-spacing:.4px;color:var(--fg-faint);border-radius:var(--r-pill);background:0 0;border:none;align-items:center;gap:5px;padding:6px 11px;font-size:12px;font-weight:700;transition:all .18s;display:inline-flex}.cp-seg button.active{background:var(--fg);color:var(--bg)}.cp-iconbtn{border-radius:var(--r-pill);background:var(--surface-2);border:1px solid var(--hairline);width:42px;height:42px;color:var(--fg);cursor:pointer;place-items:center;transition:background .18s,border-color .18s;display:grid}.cp-iconbtn:hover{background:var(--surface-3);border-color:var(--hairline-2)}.cp-avatar{border-radius:var(--r-pill);border:1px solid var(--hairline-2);cursor:pointer;background:var(--brand-grad);color:#fff;width:42px;height:42px;font-family:var(--font-display);flex-shrink:0;place-items:center;font-size:15px;font-weight:700;display:grid;overflow:hidden}.cp-page{max-width:1320px;margin:0 auto;padding:clamp(24px,3.5vw,44px) clamp(16px,3vw,32px) 80px}.cp-page-head{margin-bottom:28px}.cp-page-head h1{font-family:var(--font-display);letter-spacing:-1.2px;margin:8px 0 0;font-size:clamp(28px,3.6vw,42px);font-weight:740;line-height:1.05}.cp-page-head p{color:var(--fg-mute);max-width:560px;margin:12px 0 0;font-size:16px}.cp-card{background:var(--surface);border:1px solid var(--hairline);border-radius:var(--r-lg);box-shadow:var(--shadow-card)}.cp-card-pad{padding:clamp(20px,2.4vw,28px)}.course-card{background:var(--bg-1);border:1px solid var(--hairline);border-radius:var(--r-lg);cursor:pointer;flex-direction:column;transition:transform .24s,border-color .24s,box-shadow .24s;display:flex;overflow:hidden}.course-card:hover{border-color:var(--hairline-2);box-shadow:var(--shadow-float);transform:translateY(-6px)}.course-thumb{aspect-ratio:16/10;position:relative;overflow:hidden}.course-thumb .thumb-grad{position:absolute;inset:0}.course-thumb .badge{border-radius:var(--r-pill);font-family:var(--font-mono);letter-spacing:1px;text-transform:uppercase;color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0006;border:1px solid #fff3;align-items:center;gap:6px;padding:6px 11px;font-size:10.5px;font-weight:700;display:inline-flex;position:absolute;top:12px;left:12px}.course-thumb .dur{border-radius:var(--r-pill);color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#00000080;padding:5px 10px;font-size:12px;font-weight:600;position:absolute;bottom:12px;right:12px}.course-body{flex-direction:column;flex:1;gap:11px;padding:18px;display:flex}.course-body h3{font-family:var(--font-display);letter-spacing:-.3px;margin:0;font-size:17px;font-weight:700;line-height:1.25}.course-meta-row{color:var(--fg-mute);align-items:center;gap:10px;font-size:13px;display:flex}.course-meta-row .dot{background:var(--fg-faint);border-radius:50%;width:3px;height:3px}.course-foot{border-top:1px solid var(--hairline);justify-content:space-between;align-items:center;margin-top:auto;padding-top:12px;display:flex}.course-price{font-family:var(--font-display);letter-spacing:-.5px;font-size:19px;font-weight:800}.course-price small{color:var(--fg-faint);margin-right:7px;font-size:13px;font-weight:600;text-decoration:line-through}.cp-chip{border-radius:var(--r-pill);border:1px solid var(--hairline);background:var(--surface-2);color:var(--fg-mute);cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;padding:8px 14px;font-size:13.5px;font-weight:600;transition:all .16s}.cp-chip:hover{border-color:var(--hairline-2);color:var(--fg)}.cp-chip.active{background:var(--fg);color:var(--bg);border-color:#0000}.cp-tag{font-family:var(--font-mono);color:var(--fg-mute);border-radius:var(--r-pill);background:var(--surface-2);border:1px solid var(--hairline);align-items:center;gap:6px;padding:5px 10px;font-size:11px;font-weight:600;display:inline-flex}.stars{color:var(--warn);align-items:center;gap:2px;display:inline-flex}.rating-val{color:var(--fg);font-weight:700;font-family:var(--font-display)}.cp-progress{background:var(--surface-3);border-radius:999px;height:7px;overflow:hidden}.cp-progress>i{background:var(--brand-grad);border-radius:999px;height:100%;display:block}.ring{transform:rotate(-90deg)}.ring circle{fill:none;stroke-linecap:round}.catalog-hero{border-radius:var(--r-xl);border:1px solid var(--hairline);background:var(--bg-1);margin-bottom:36px;padding:clamp(32px,5vw,64px);position:relative;overflow:hidden}.catalog-hero:before{content:"";pointer-events:none;background:radial-gradient(70% 130% at 100% 0,#b55ffa38,#0000 55%),radial-gradient(50% 100% at 0 100%,#3fb6ff29,#0000 60%);position:absolute;inset:0}.catalog-hero h1{font-family:var(--font-display);letter-spacing:-1.6px;max-width:620px;margin:16px 0 0;font-size:clamp(32px,5vw,56px);font-weight:760;line-height:1.02}.catalog-hero p{color:var(--fg-mute);max-width:480px;margin:18px 0 0;font-size:clamp(16px,1.8vw,19px)}.catalog-hero .hero-cta{flex-wrap:wrap;gap:12px;margin-top:30px;display:flex}.filter-bar{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:26px;display:flex}.filter-bar .spacer{flex:1}.course-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:22px;display:grid}.track-pill{font-size:12px;font-weight:700;font-family:var(--font-display);align-items:center;gap:6px;display:inline-flex}.track-pill.code{color:var(--track-code-c)}.track-pill.video{color:var(--track-video-c)}.cd-grid{grid-template-columns:1fr 360px;align-items:start;gap:36px;display:grid}.cd-hero{border-radius:var(--r-xl);border:1px solid var(--hairline);aspect-ratio:16/8;position:relative;overflow:hidden}.cd-hero .play{place-items:center;display:grid;position:absolute;inset:0}.cd-hero .play .pbtn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;cursor:pointer;background:#ffffff29;border:1px solid #fff6;border-radius:50%;place-items:center;width:76px;height:76px;transition:transform .2s;display:grid}.cd-hero .play .pbtn:hover{transform:scale(1.08)}.cd-title{font-family:var(--font-display);letter-spacing:-1px;margin:24px 0 0;font-size:clamp(26px,3.4vw,40px);font-weight:760;line-height:1.06}.cd-sub{color:var(--fg-mute);max-width:620px;margin:14px 0 0;font-size:17px}.cd-metarow{color:var(--fg-mute);flex-wrap:wrap;align-items:center;gap:18px;margin:22px 0 0;font-size:14px;display:flex}.cd-section{margin-top:44px}.cd-section h2{font-family:var(--font-display);letter-spacing:-.5px;margin:0 0 18px;font-size:24px;font-weight:720}.learn-grid{grid-template-columns:1fr 1fr;gap:14px 28px;display:grid}.learn-item{color:var(--fg-mute);gap:11px;font-size:15px;display:flex}.learn-item svg{color:var(--ok);flex-shrink:0;margin-top:2px}.curriculum{flex-direction:column;gap:12px;display:flex}.cur-section{border:1px solid var(--hairline);border-radius:var(--r-md);background:var(--surface);overflow:hidden}.cur-head{cursor:pointer;align-items:center;gap:12px;padding:16px 18px;display:flex}.cur-head .ttl{font-family:var(--font-display);flex:1;font-size:15.5px;font-weight:700}.cur-head .cnt{color:var(--fg-faint);font-size:13px}.cur-lessons{border-top:1px solid var(--hairline)}.cur-lesson{border-bottom:1px solid var(--hairline);align-items:center;gap:13px;padding:13px 18px;font-size:14.5px;display:flex}.cur-lesson:last-child{border-bottom:none}.cur-lesson .ic{background:var(--surface-2);border:1px solid var(--hairline);width:30px;height:30px;color:var(--fg-mute);border-radius:9px;flex-shrink:0;place-items:center;display:grid}.cur-lesson .nm{color:var(--fg);flex:1}.cur-lesson .free{color:var(--track-code-c);border:1px solid var(--track-code-c);border-radius:999px;padding:3px 8px;font-size:11px;font-weight:700}.cur-lesson .ln-dur{color:var(--fg-faint);font-variant-numeric:tabular-nums;font-size:13px}.enroll-card{border-radius:var(--r-lg);background:var(--bg-1);border:1px solid var(--hairline);box-shadow:var(--shadow-float);position:sticky;top:80px;overflow:hidden}.enroll-card .ec-media{aspect-ratio:16/10;position:relative;overflow:hidden}.enroll-card .ec-body{padding:22px}.enroll-card .ec-price{align-items:baseline;gap:10px;display:flex}.enroll-card .ec-price .now{font-family:var(--font-display);letter-spacing:-1px;font-size:34px;font-weight:800}.enroll-card .ec-price .was{color:var(--fg-faint);font-size:17px;text-decoration:line-through}.enroll-card .ec-price .off{color:var(--ok);background:#46d6a024;border-radius:999px;margin-left:auto;padding:5px 10px;font-size:12px;font-weight:700}.enroll-card ul{flex-direction:column;gap:12px;margin:20px 0;padding:0;list-style:none;display:flex}.enroll-card li{color:var(--fg-mute);align-items:center;gap:11px;font-size:14px;display:flex}.enroll-card li svg{color:var(--fg-faint);flex-shrink:0}.instructor{align-items:flex-start;gap:18px;display:flex}.instructor .av{background:var(--brand-grad);color:#fff;width:76px;height:76px;font-family:var(--font-display);border-radius:20px;flex-shrink:0;place-items:center;font-size:28px;font-weight:800;display:grid;overflow:hidden}.review-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.review{border-radius:var(--r-md);background:var(--surface);border:1px solid var(--hairline);padding:20px}.review p{color:var(--fg-mute);margin:12px 0 0;font-size:14.5px;line-height:1.55}.review .who{align-items:center;gap:11px;display:flex}.review .who .av{background:var(--surface-3);width:38px;height:38px;font-size:14px;font-weight:700;font-family:var(--font-display);border-radius:50%;place-items:center;display:grid}.player-wrap{grid-template-columns:1fr 380px;gap:0;height:calc(100vh - 71px);min-height:560px;display:grid}.player-main{padding:0 0 60px;overflow-y:auto}.player-stage{aspect-ratio:16/9;background:#000;place-items:center;display:grid;position:relative}.player-stage .center-play{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;cursor:pointer;background:#ffffff29;border:1px solid #ffffff59;border-radius:50%;place-items:center;width:84px;height:84px;transition:transform .2s;display:grid;position:absolute}.player-stage .center-play:hover{transform:scale(1.07)}.player-bar{background:linear-gradient(#0000,#000c);padding:14px 18px 16px;position:absolute;bottom:0;left:0;right:0}.player-scrub{cursor:pointer;background:#ffffff40;border-radius:999px;height:5px;overflow:hidden}.player-scrub>i{background:var(--brand-grad);border-radius:999px;width:34%;height:100%;display:block}.player-controls{color:#fff;align-items:center;gap:16px;margin-top:12px;display:flex}.player-controls .t{font-variant-numeric:tabular-nums;opacity:.85;margin-left:auto;font-size:12.5px}.player-controls button{color:#fff;cursor:pointer;opacity:.9;background:0 0;border:none;place-items:center;display:grid}.player-controls button:hover{opacity:1}.player-info{padding:clamp(20px,3vw,32px)}.player-info h1{font-family:var(--font-display);letter-spacing:-.6px;margin:0;font-size:clamp(22px,2.6vw,30px);font-weight:720}.player-tabs{border-bottom:1px solid var(--hairline);gap:4px;margin:24px 0 0;display:flex}.player-tabs button{cursor:pointer;color:var(--fg-mute);background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-1px;padding:12px 16px;font-size:14.5px;font-weight:600;transition:color .18s,border-color .18s}.player-tabs button.active{color:var(--fg);border-bottom-color:var(--track-code-c)}.player-tabcontent{padding:24px 0}.material-row{border-radius:var(--r-md);background:var(--surface);border:1px solid var(--hairline);align-items:center;gap:14px;margin-bottom:11px;padding:15px 16px;display:flex}.material-row .ic{background:var(--brand-grad-soft);border:1px solid var(--hairline);width:40px;height:40px;color:var(--track-code-c);border-radius:11px;flex-shrink:0;place-items:center;display:grid}.material-row .meta{flex:1;min-width:0}.material-row .meta .t{font-size:14.5px;font-weight:650;font-family:var(--font-display)}.material-row .meta .d{color:var(--fg-faint);margin-top:2px;font-size:12.5px}.player-side{border-left:1px solid var(--hairline);background:var(--bg-1);flex-direction:column;display:flex;overflow:hidden}.player-side-head{border-bottom:1px solid var(--hairline);padding:20px 20px 16px}.player-side-head .t{font-family:var(--font-display);font-size:16px;font-weight:720}.player-side-head .pr{color:var(--fg-mute);align-items:center;gap:10px;margin-top:12px;font-size:12.5px;display:flex}.player-side-list{flex:1;overflow-y:auto}.ps-sec{font-family:var(--font-display);letter-spacing:.4px;color:var(--fg-faint);text-transform:uppercase;padding:14px 20px 8px;font-size:12.5px;font-weight:700}.ps-lesson{cursor:pointer;border-left:2px solid #0000;align-items:center;gap:12px;padding:12px 20px;transition:background .16s;display:flex}.ps-lesson:hover{background:var(--surface-2)}.ps-lesson.active{background:var(--surface-2);border-left-color:var(--track-code-c)}.ps-lesson .tick{border:1.6px solid var(--hairline-2);width:22px;height:22px;color:var(--fg-faint);border-radius:50%;flex-shrink:0;place-items:center;display:grid}.ps-lesson.done .tick{background:var(--ok);border-color:var(--ok);color:#06281c}.ps-lesson .nm{flex:1;font-size:13.5px;line-height:1.3}.ps-lesson .d{color:var(--fg-faint);font-variant-numeric:tabular-nums;font-size:12px}.dash-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:18px;display:grid}.stat-card{border-radius:var(--r-lg);background:var(--bg-1);border:1px solid var(--hairline);box-shadow:var(--shadow-card);padding:22px}.stat-card .ic{background:var(--brand-grad-soft);border:1px solid var(--hairline);border-radius:13px;place-items:center;width:44px;height:44px;margin-bottom:16px;display:grid}.stat-card .n{font-family:var(--font-display);letter-spacing:-1px;font-size:30px;font-weight:800}.stat-card .l{color:var(--fg-mute);margin-top:3px;font-size:13.5px}.stat-card .trend{align-items:center;gap:4px;margin-top:8px;font-size:12.5px;font-weight:700;display:inline-flex}.stat-card .trend.up{color:var(--ok)}.continue-card{border-radius:var(--r-lg);background:var(--bg-1);border:1px solid var(--hairline);box-shadow:var(--shadow-card);align-items:center;gap:20px;padding:18px;display:flex}.continue-card .thumb{aspect-ratio:16/10;border-radius:var(--r-md);flex-shrink:0;width:200px;position:relative;overflow:hidden}.continue-card .body{flex:1;min-width:0}.enrolled-row{border-radius:var(--r-md);background:var(--surface);border:1px solid var(--hairline);cursor:pointer;align-items:center;gap:16px;margin-bottom:12px;padding:16px;transition:border-color .2s,background .2s;display:flex}.enrolled-row:hover{border-color:var(--hairline-2);background:var(--surface-2)}.enrolled-row .thumb{border-radius:12px;flex-shrink:0;width:92px;height:60px;position:relative;overflow:hidden}.enrolled-row .body{flex:1;min-width:0}.bars{align-items:flex-end;gap:clamp(6px,1.4vw,14px);height:180px;padding-top:10px;display:flex}.bars .bar{background:var(--brand-grad);border-radius:7px 7px 3px 3px;flex:1;min-height:6px;transition:height .5s cubic-bezier(.2,.7,.2,1);position:relative}.bars .bar .lbl{text-align:center;color:var(--fg-faint);font-size:11.5px;position:absolute;bottom:-24px;left:0;right:0}.bars .bar.muted{background:var(--surface-3)}.cp-table{border-collapse:collapse;width:100%}.cp-table th{text-align:left;letter-spacing:.4px;text-transform:uppercase;color:var(--fg-faint);padding:0 16px 14px;font-size:12px;font-weight:700}.cp-table td{border-top:1px solid var(--hairline);vertical-align:middle;padding:14px 16px;font-size:14px}.cp-table tr:hover td{background:var(--surface-2)}.mini-course{align-items:center;gap:12px;display:flex}.mini-course .th{border-radius:8px;flex-shrink:0;width:56px;height:38px;position:relative;overflow:hidden}.pill-status{border-radius:999px;padding:5px 11px;font-size:12px;font-weight:700}.pill-status.live{color:var(--ok);background:#46d6a024}.pill-status.draft{color:var(--warn);background:#f5b54424}.dash-tabs{background:var(--surface-2);border:1px solid var(--hairline);border-radius:var(--r-pill);gap:6px;width:max-content;margin-bottom:28px;padding:4px;display:flex}.dash-tabs button{cursor:pointer;border-radius:var(--r-pill);font-family:var(--font-display);color:var(--fg-mute);background:0 0;border:none;padding:9px 18px;font-size:14px;font-weight:650;transition:all .18s}.dash-tabs button.active{background:var(--brand-grad);color:#fff}.checkout-grid{grid-template-columns:1fr 400px;align-items:start;gap:36px;display:grid}.field{margin-bottom:16px}.field label{color:var(--fg-mute);margin-bottom:8px;font-size:13px;font-weight:600;display:block}.field input{border-radius:var(--r-sm);border:1px solid var(--hairline-2);background:var(--bg-1);width:100%;height:52px;color:var(--fg);font-size:15px;font-family:var(--font-text);padding:0 16px;transition:border-color .18s}.field input::placeholder{color:var(--fg-faint)}.field input:focus{border-color:var(--track-code-c);outline:none}.pay-methods{gap:10px;margin-bottom:22px;display:flex}.pay-method{border-radius:var(--r-md);border:1.5px solid var(--hairline);background:var(--surface);cursor:pointer;flex:1;align-items:center;gap:10px;padding:16px;font-size:14px;font-weight:600;transition:all .18s;display:flex}.pay-method.active{border-color:var(--track-code-c);background:var(--brand-grad-soft)}.summary-row{color:var(--fg-mute);justify-content:space-between;align-items:center;padding:11px 0;font-size:14.5px;display:flex}.summary-row.total{border-top:1px solid var(--hairline);color:var(--fg);font-size:19px;font-weight:800;font-family:var(--font-display);margin-top:8px;padding-top:16px}.promo{gap:10px;margin:16px 0;display:flex}.promo input{border-radius:var(--r-sm);border:1px dashed var(--hairline-2);background:var(--surface);height:48px;color:var(--fg);flex:1;padding:0 16px;font-size:14px}.cert-wrap{place-items:center;padding:20px 0;display:grid}.certificate{aspect-ratio:1.4;border-radius:var(--r-lg);background:var(--bg-1);border:1px solid var(--hairline-2);width:min(860px,100%);box-shadow:var(--shadow-float);flex-direction:column;padding:clamp(28px,5vw,60px);display:flex;position:relative;overflow:hidden}.certificate:before{content:"";border-radius:inherit;background:var(--brand-grad);-webkit-mask-composite:xor;pointer-events:none;padding:2px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.certificate:after{content:"";pointer-events:none;background:radial-gradient(60% 80% at 100% 0,#b55ffa24,#0000 60%);position:absolute;inset:0}.cert-head{justify-content:space-between;align-items:center;display:flex}.cert-seal{background:var(--brand-grad);color:#fff;width:72px;height:72px;box-shadow:var(--glow);border-radius:50%;place-items:center;display:grid}.cert-body{margin:auto 0}.cert-body .lbl{font-family:var(--font-mono);letter-spacing:3px;text-transform:uppercase;color:var(--fg-faint);font-size:13px}.cert-body .name{font-family:var(--font-display);letter-spacing:-1.4px;margin:14px 0 10px;font-size:clamp(30px,5vw,54px);font-weight:800}.cert-body .course{color:var(--fg-mute);max-width:70%;font-size:clamp(16px,2vw,20px)}.cert-foot{justify-content:space-between;align-items:flex-end;gap:20px;display:flex}.cert-foot .sig{font-family:var(--font-display)}.cert-foot .sig .nm{border-bottom:1px solid var(--hairline-2);margin-bottom:6px;padding-bottom:6px;font-size:16px;font-weight:700}.cert-foot .sig .rl{color:var(--fg-faint);font-size:12.5px}.empty-pad{text-align:center;color:var(--fg-faint);padding:60px 20px}.section-divider{background:var(--hairline);border:none;height:1px;margin:40px 0}.reveal-up{animation:.5s cubic-bezier(.2,.7,.2,1) cpUp}@keyframes cpUp{0%{transform:translateY(14px)}to{transform:none}}.cp-burger{display:none}@media (max-width:1080px){.cd-grid{grid-template-columns:1fr}.enroll-card{position:static}.checkout-grid{grid-template-columns:1fr}.player-wrap{grid-template-columns:1fr;height:auto}.player-side{border-left:none;border-top:1px solid var(--hairline);max-height:420px}}@media (max-width:760px){.cp-nav-links,.cp-search{display:none}.cp-burger{display:grid!important}.review-grid,.learn-grid{grid-template-columns:1fr}.continue-card{flex-direction:column;align-items:stretch}.continue-card .thumb{width:100%}.cp-nav-right .hide-sm{display:none}}