.showcase-hero{min-height:calc(100dvh - 72px);position:relative;overflow:hidden;isolation:isolate;color:#f7fbff;background:radial-gradient(circle at 50% 35%,rgba(45,190,204,.13),transparent 28rem),linear-gradient(180deg,#071115,#060a0d 64%,#030506);border-block:1px solid rgba(255,255,255,.04)}.showcase-hero:before{position:absolute;inset:0;z-index:-3;opacity:.22;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 0),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 0);background-size:64px 64px;mask-image:linear-gradient(180deg,black,transparent 72%);content:""}.showcase-aura{width:42vw;height:42vw;position:absolute;z-index:-2;top:-18vw;filter:blur(28px);border-radius:50%;pointer-events:none}.aura-left{left:-18vw;background:rgba(21,132,153,.13)}.aura-right{right:-20vw;background:rgba(61,217,196,.1)}.showcase-title-layer{position:relative;z-index:4;padding-top:clamp(72px,9vh,104px);text-align:center;pointer-events:none}.showcase-kicker{margin-bottom:18px;color:#58dfd0;font-size:11px;font-weight:900;letter-spacing:.25em;text-transform:uppercase}.showcase-title{margin:0;color:#ecf7f7;font-family:Georgia,Times New Roman,Songti SC,serif;font-size:clamp(58px,7.3vw,112px);font-weight:400;line-height:.84;letter-spacing:-.065em;text-wrap:balance;text-shadow:0 22px 70px rgba(0,0,0,.38)}.title-row{display:flex;align-items:baseline;justify-content:center;gap:.2em}.title-row+.title-row{margin-top:.18em}.title-row>span{display:inline-block}.title-accent{color:#4ce4d1;font-style:italic}.showcase-subtitle{margin:24px auto 0;color:#8fa7af;font-size:14px;line-height:1.7}.floating-card{--tilt-x:0deg;--tilt-y:0deg;--pointer-x:50%;--pointer-y:50%;width:clamp(154px,14vw,220px);position:absolute;z-index:7;top:58px;display:flex;flex-direction:column;color:#eef8f9;text-decoration:none;transform:perspective(900px) rotateX(var(--tilt-x)) rotateY(var(--tilt-y));transform-style:preserve-3d;transition:transform .18s ease}.continue-card{left:max(28px,calc((100vw - 1180px) / 2))}.ai-card{right:max(28px,calc((100vw - 1180px) / 2));width:clamp(130px,11vw,174px)}.floating-card-visual{height:clamp(150px,14vw,216px);position:relative;overflow:hidden;display:grid;place-items:center;background:radial-gradient(circle at var(--pointer-x) var(--pointer-y),rgba(103,244,227,.2),transparent 38%),linear-gradient(145deg,#123b49,#092029 75%);border:1px solid rgba(115,240,225,.18);border-radius:20px;box-shadow:0 25px 55px rgba(0,0,0,.45),inset 0 1px 0 rgba(255,255,255,.08);transform:translateZ(18px)}.ai-visual{height:clamp(180px,20vw,280px);background:radial-gradient(circle at var(--pointer-x) var(--pointer-y),rgba(91,137,255,.2),transparent 38%),linear-gradient(155deg,#152749,#0a152b 74%)}.mini-label{position:absolute;top:15px;left:15px;color:rgba(213,239,239,.68);font-size:8px;font-weight:900;letter-spacing:.16em}.floating-icon{color:#65e9d8;filter:drop-shadow(0 12px 22px rgba(51,226,204,.2));transform:translateZ(45px)}.floating-wave{width:74%;height:64px;position:absolute;bottom:20px;display:flex;align-items:flex-end;justify-content:center;gap:5px;opacity:.58}.floating-wave i{width:4px;max-height:48px;display:block;background:#4fe4d2;border-radius:9px}.floating-arrow,.floating-play{width:39px;height:39px;position:absolute;right:12px;bottom:12px;display:grid;place-items:center;color:#071a20;background:#61e5d5;border-radius:50%;box-shadow:0 12px 30px rgba(31,215,194,.24);transform:translateZ(55px)}.floating-play{right:50%;bottom:18px;color:#e8f6ff;background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.18);transform:translateX(50%) translateZ(50px)}.floating-card>strong{margin-top:12px;overflow:hidden;font-size:clamp(12px,1vw,15px);text-overflow:ellipsis;white-space:nowrap}.floating-card>span{margin-top:5px;color:#7f969f;font-size:10px}.ai-lines{width:64%;position:absolute;top:57%;display:grid;gap:8px}.ai-lines i{height:3px;background:rgba(114,167,255,.32);border-radius:99px}.ai-lines i:nth-child(2){width:76%}.ai-lines i:nth-child(3){width:48%}.showcase-panels{height:clamp(310px,43vh,500px);position:absolute;z-index:5;right:0;bottom:0;left:0;display:flex;align-items:flex-end;gap:0;perspective:1400px}.showcase-panel{min-width:0;height:83%;position:relative;overflow:hidden;flex:1;background:linear-gradient(150deg,#0d2d35,#071418);border-top:1px solid rgba(119,237,222,.11);box-shadow:0 -25px 80px rgba(0,0,0,.32)}.panel-listen{clip-path:polygon(0 9%,100% 0,100% 100%,0 100%)}.panel-focus{height:100%;flex:1.25;background:radial-gradient(circle at 50% 32%,rgba(77,227,210,.24),transparent 12rem),linear-gradient(160deg,#11343c,#08171c 70%);border-inline:1px solid rgba(255,255,255,.07);border-radius:32px 32px 0 0;box-shadow:0 -35px 95px rgba(0,0,0,.48),inset 0 0 80px rgba(39,208,190,.06)}.panel-ai{clip-path:polygon(0 0,100% 9%,100% 100%,0 100%);background:linear-gradient(205deg,#121d3a,#080f20 72%)}.panel-grid{position:absolute;inset:0;opacity:.15;background-image:linear-gradient(rgba(255,255,255,.12) 1px,transparent 0),linear-gradient(90deg,rgba(255,255,255,.12) 1px,transparent 0);background-size:44px 44px;mask-image:linear-gradient(0deg,transparent,black)}.panel-icon{position:absolute;top:27%;left:50%;color:rgba(83,228,211,.17);filter:drop-shadow(0 25px 38px rgba(69,231,210,.17));transform:translateX(-50%) scale(2.6)}.panel-ai .panel-icon{color:rgba(117,159,255,.16)}.focus-orbit{position:absolute;top:19%;left:50%;border:1px solid rgba(91,236,220,.2);border-radius:50%;transform:translateX(-50%) rotateX(68deg)}.orbit-large{width:280px;height:280px;animation:focus-orbit 10s linear infinite}.orbit-small{width:190px;height:190px;top:24%;border-style:dashed;animation:focus-orbit 7s linear infinite reverse}.focus-core{width:94px;height:94px;position:absolute;top:23%;left:50%;display:grid;place-items:center;color:#6ceadb;background:linear-gradient(145deg,#123a43,#07191e);border:1px solid rgba(109,238,222,.26);border-radius:30px;box-shadow:0 25px 55px rgba(0,0,0,.42),inset 0 0 30px rgba(78,230,211,.1);transform:translateX(-50%) rotate(-7deg)}.panel-copy{position:absolute;z-index:2;bottom:clamp(24px,4vh,50px);display:flex;flex-direction:column}.panel-copy-left{left:max(28px,calc((100vw - 1180px) / 2))}.panel-copy-right{right:max(28px,calc((100vw - 1180px) / 2));align-items:flex-end;text-align:right}.panel-copy-center{left:50%;align-items:center;text-align:center;transform:translateX(-50%)}.panel-copy>span{color:#75a3a9;font-size:10px;font-weight:900;letter-spacing:.16em;text-transform:uppercase}.panel-copy>strong{display:flex;align-items:center;gap:7px;margin-top:8px;color:#f1f9f9;font-size:clamp(28px,3vw,48px);line-height:1.03;letter-spacing:-.04em}.panel-copy-center>strong{justify-content:center;font-family:Georgia,Times New Roman,serif;font-size:clamp(24px,2.4vw,40px);font-weight:400}.panel-copy>small{margin-top:5px;color:#81959b;font-size:10px}.panel-copy-right>strong{color:#d8e4ff}.panel-copy-right svg{color:#4f8eff}.showcase-cta{min-height:46px;display:inline-flex;justify-content:center;gap:8px;margin-top:20px;padding:0 20px;color:#051719;background:#4ee1cf;border-radius:999px;font-size:12px;font-weight:900;box-shadow:0 15px 35px rgba(42,221,198,.2);pointer-events:auto}.scroll-cue,.showcase-cta{align-items:center;text-decoration:none}.scroll-cue{position:absolute;z-index:8;right:20px;bottom:18px;display:none;gap:6px;color:#7e969e;font-size:10px;font-weight:800}@keyframes fade-up{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-in-left{0%{opacity:0;transform:translateX(-40px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-in-right{0%{opacity:0;transform:translateX(40px)}to{opacity:1;transform:translateX(0)}}@keyframes word-pop{0%{opacity:0;filter:blur(8px);transform:translateY(60px) scale(.72) rotate(-4deg)}72%{opacity:1;filter:blur(0);transform:translateY(-4px) scale(1.035) rotate(.5deg)}to{opacity:1;filter:blur(0);transform:none}}@keyframes photo-reveal{0%{opacity:0;transform:translateY(80px) scale(1.02)}to{opacity:1;transform:none}}@keyframes focus-orbit{0%{transform:translateX(-50%) rotateX(68deg) rotate(0)}to{transform:translateX(-50%) rotateX(68deg) rotate(1turn)}}.animate-fade-up{animation:fade-up .8s cubic-bezier(.16,1,.3,1) both}.animate-slide-in-left{animation:slide-in-left .8s cubic-bezier(.16,1,.3,1) both}.animate-slide-in-right{animation:slide-in-right .8s cubic-bezier(.16,1,.3,1) both}.animate-word-pop{opacity:0;animation:word-pop .9s cubic-bezier(.34,1.56,.64,1) both}.animate-photo-reveal{animation:photo-reveal 1.1s cubic-bezier(.16,1,.3,1) both}.delay-100{animation-delay:.1s}.delay-200{animation-delay:.2s}.delay-300{animation-delay:.3s}.delay-400{animation-delay:.4s}.delay-500{animation-delay:.5s}.delay-600{animation-delay:.6s}.delay-700{animation-delay:.7s}.delay-800{animation-delay:.8s}.delay-900{animation-delay:.9s}.library{position:relative;padding-block:68px 42px;border-top:1px solid var(--line)}.library:before{width:540px;height:260px;position:absolute;z-index:-1;top:80px;left:50%;background:radial-gradient(ellipse,rgba(18,151,177,.08),transparent 68%);filter:blur(35px);transform:translateX(-50%);content:""}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:24px}.section-heading h2{margin:12px 0 0;color:var(--navy);font-size:28px;letter-spacing:-.035em}.filter-tabs{display:flex;padding:4px;background:#eaf0f2;border-radius:12px}.filter-tabs button{min-width:62px;height:34px;padding:0 12px;color:#728394;background:transparent;border:0;border-radius:9px;font-size:12px;font-weight:800;cursor:pointer}.filter-tabs button.active{color:var(--navy);background:white;box-shadow:0 4px 12px rgba(12,41,64,.08)}.lesson-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:30px;perspective:1300px}.lesson-card{--tilt-x:0deg;--tilt-y:0deg;--pointer-x:50%;--pointer-y:50%;--lift:0px;overflow:hidden;position:relative;color:inherit;background:white;border:1px solid #e2eaed;border-radius:17px;text-decoration:none;box-shadow:0 18px 40px rgba(0,0,0,.16);transform:perspective(900px) translate3d(0,var(--lift),0) rotateX(var(--tilt-x)) rotateY(var(--tilt-y));transform-style:preserve-3d;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;will-change:transform}.lesson-card:hover{--lift:-8px;border-color:rgba(61,217,196,.42);box-shadow:0 28px 65px rgba(0,0,0,.32),0 0 36px rgba(35,195,181,.07)}.lesson-card:before{position:absolute;z-index:3;inset:0;pointer-events:none;background:radial-gradient(circle at var(--pointer-x) var(--pointer-y),rgba(110,245,230,.1),transparent 34%);opacity:0;transition:opacity .18s ease;content:""}.lesson-card:hover:before{opacity:1}.lesson-cover{height:180px;position:relative;overflow:hidden;background-position:50%;background-size:cover;transform:translateZ(24px) scale(1.015)}.cover-0{background:radial-gradient(circle at 70% 25%,#38b8ae,transparent 20%),linear-gradient(145deg,#122f49,#071824)}.cover-1{background:radial-gradient(circle at 24% 75%,#7c92ed,transparent 20%),linear-gradient(145deg,#18213d,#0c1529)}.cover-2{background:radial-gradient(circle at 73% 68%,#2c8fbc,transparent 22%),linear-gradient(145deg,#18384a,#071c2b)}.lesson-cover:after{position:absolute;inset:0;opacity:.18;background-image:repeating-linear-gradient(115deg,transparent 0 25px,rgba(255,255,255,.15) 26px 27px);content:""}.cover-category,.cover-line,.cover-number,.cover-play{position:absolute;z-index:1}.cover-category{top:18px;left:18px;color:var(--cyan);font-size:10px;font-weight:900;letter-spacing:.14em}.cover-number{right:17px;bottom:5px;color:rgba(255,255,255,.14);font-size:72px;font-weight:900;letter-spacing:-.08em}.cover-line{width:54px;height:2px;left:18px;bottom:28px;background:var(--cyan)}.cover-play{width:42px;height:42px;right:18px;bottom:18px;display:grid;place-items:center;color:var(--navy);background:var(--cyan);border-radius:50%;box-shadow:0 12px 28px rgba(16,218,194,.32);transform:translateZ(46px)}.lesson-body{padding:18px;position:relative;z-index:2;background:inherit;transform:translateZ(14px)}.lesson-meta{display:flex;gap:11px;color:#8494a2;font-size:10px;font-weight:800}.lesson-meta span{display:inline-flex;align-items:center;gap:4px}.lesson-body h3{margin:12px 0 7px;color:var(--navy);font-size:18px;letter-spacing:-.025em}.lesson-body p{height:40px;margin:0;overflow:hidden;color:#728394;font-size:12px;line-height:1.7}.card-progress{display:flex;align-items:center;gap:10px;margin-top:18px}.card-progress>span{height:4px;flex:1;overflow:hidden;background:#edf2f4;border-radius:99px}.card-progress i{height:100%;display:block;background:var(--cyan)}.card-progress small{color:#8c99a5;font-size:9px}.empty-state{margin-top:30px;padding:80px 20px;color:#81909d;text-align:center;background:white;border:1px dashed var(--line);border-radius:18px}:root[data-theme=dark] .library{border-color:#273138}:root[data-theme=dark] .filter-tabs{background:#151d22}:root[data-theme=dark] .filter-tabs button{color:#9aabb6}:root[data-theme=dark] .filter-tabs button.active{color:white;background:#28343b;box-shadow:none}:root[data-theme=dark] .empty-state,:root[data-theme=dark] .lesson-card{background:#10161a;border-color:#27333a}:root[data-theme=dark] .lesson-card:hover{box-shadow:0 20px 50px rgba(0,0,0,.5)}:root[data-theme=dark] .card-progress small,:root[data-theme=dark] .lesson-body p,:root[data-theme=dark] .lesson-meta{color:#94a5b0}:root[data-theme=dark] .card-progress>span{background:#29353c}@media (max-width:1050px){.showcase-hero{min-height:760px}.showcase-title-layer{padding-top:58px}.showcase-title{font-size:clamp(52px,8.2vw,78px)}.floating-card{top:92px}.continue-card{left:18px}.ai-card{right:18px}.showcase-panels{height:390px}.panel-copy-left{left:24px}.panel-copy-right{right:24px}.lesson-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:760px){.showcase-hero{min-height:820px}.showcase-title-layer{padding-top:42px}.showcase-kicker{margin-bottom:12px;font-size:8px}.showcase-title{font-size:clamp(38px,12vw,60px);line-height:.93;letter-spacing:-.055em}.title-row{gap:.16em}.showcase-subtitle{width:min(88%,410px);margin-top:16px;font-size:12px}.showcase-subtitle br{display:none}.floating-card{width:calc(50% - 18px);top:248px}.continue-card{left:12px}.ai-card{right:12px}.ai-visual,.floating-card-visual{height:152px;border-radius:16px}.floating-card>strong{font-size:11px}.floating-card>span{font-size:8px}.showcase-panels{height:310px}.panel-ai,.panel-listen{height:74%}.panel-focus{height:90%;flex:1.14;border-radius:20px 20px 0 0}.panel-icon{top:22%;transform:translateX(-50%) scale(1.45)}.focus-orbit{display:none}.focus-core{width:58px;height:58px;top:17%;border-radius:18px}.focus-core svg{width:28px}.panel-copy{bottom:22px}.panel-copy-left{left:12px}.panel-copy-right{right:12px}.panel-copy>span{font-size:7px}.panel-copy>strong{font-size:clamp(20px,7vw,30px)}.panel-copy-center>strong{width:160px;font-size:clamp(17px,5.4vw,24px)}.panel-copy>small{max-width:96px;font-size:7px}.showcase-cta{min-height:36px;margin-top:12px;padding-inline:13px;font-size:9px}.scroll-cue{display:none}.section-heading{align-items:flex-start;flex-direction:column}.filter-tabs{width:100%;overflow-x:auto}.filter-tabs button{flex:1}.lesson-grid{grid-template-columns:1fr}}@media (hover:none),(pointer:coarse){.floating-card,.lesson-card{transform:none}.lesson-card:hover{--lift:0px}}@media (prefers-reduced-motion:reduce){.animate-fade-up,.animate-photo-reveal,.animate-slide-in-left,.animate-slide-in-right,.animate-word-pop,.floating-card,.focus-orbit,.lesson-card{animation:none;transition:none;transform:none;opacity:1}}.test-site-banner{color:#d9efff;background:#102b40;border-bottom:1px solid #28506d}.test-site-banner>div{min-height:46px;display:flex;align-items:center;gap:14px}.test-site-banner span{padding:5px 8px;color:#062238;background:#61b9f5;border-radius:6px;font-size:10px;font-weight:900}.test-site-banner strong{font-size:11px}.test-site-banner a{margin-left:auto;color:#8fcbf4;font-size:11px;font-weight:800;text-decoration:none}.draft-badge{position:absolute;z-index:2;top:15px;right:15px;padding:5px 8px;color:#fff4d2;background:rgba(161,105,20,.9);border:1px solid rgba(255,224,154,.35);border-radius:6px;font-size:9px;font-weight:900}@media (max-width:620px){.test-site-banner>div{align-items:flex-start;flex-wrap:wrap;gap:8px;padding-block:10px}.test-site-banner strong{width:calc(100% - 92px)}.test-site-banner a{width:100%;margin-left:0}}.press-hero{min-height:calc(100dvh - 72px);color:#f6f8ff;background:radial-gradient(circle at 73% 42%,rgba(39,109,255,.19),transparent 22rem),radial-gradient(circle at 20% 82%,rgba(29,219,213,.11),transparent 25rem),linear-gradient(118deg,#03050b,#070d1b 46%,#07132b);border-top:1px solid rgba(255,255,255,.06)}.press-hero:before{position:absolute;inset:0;z-index:-1;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 0),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 0);background-size:76px 76px;mask-image:linear-gradient(90deg,transparent,#000 22%,#000 80%,transparent);content:""}.press-ambient,.press-grain{position:absolute;inset:0;pointer-events:none}.press-grain{opacity:.22;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.14'/%3E%3C/svg%3E");mix-blend-mode:soft-light}.press-record{position:absolute;top:50%;right:clamp(-180px,2vw,30px);width:min(52vw,670px);aspect-ratio:1;border:1px solid rgba(110,172,255,.16);border-radius:50%;background:repeating-radial-gradient(circle,transparent 0 11px,rgba(135,174,255,.07) 12px 13px),radial-gradient(circle at 38% 32%,rgba(83,163,255,.26),transparent 23%),radial-gradient(circle,#0d1b37 0 9%,#030711 9.5% 13%,#071020 13.5% 100%);box-shadow:-42px 54px 120px rgba(0,0,0,.56),0 0 95px rgba(40,104,255,.12);animation:press-record-spin 36s linear infinite backwards;translate:0 -50%}.record-ring{position:absolute;border:1px solid rgba(111,181,255,.16);border-radius:50%}.ring-one{inset:12%}.ring-two{inset:26%;border-color:rgba(64,224,218,.22)}.ring-three{inset:40%;border-color:rgba(255,255,255,.15)}.record-label{position:absolute;inset:44%;display:grid;place-items:center;color:#bce9ff;background:#196cff;border-radius:50%;box-shadow:0 0 46px rgba(25,108,255,.62)}.record-label svg{width:46%;height:46%}.press-wave-field{position:absolute;right:10%;bottom:17%;width:min(34vw,430px);height:82px;display:flex;align-items:center;justify-content:center;gap:clamp(5px,.8vw,11px);opacity:.72}.press-wave-field i{width:clamp(3px,.45vw,6px);height:var(--bar-height);background:linear-gradient(0deg,#1f6fff,#7ef8ee);border-radius:999px;box-shadow:0 0 20px rgba(49,144,255,.38);animation:press-wave-pulse 1.9s ease-in-out var(--bar-delay) infinite alternate backwards}.press-light{position:absolute;border-radius:50%;filter:blur(72px);animation:press-light-breathe 6s ease-in-out infinite alternate backwards}.light-one{top:10%;right:8%;width:22vw;height:22vw;background:rgba(34,101,255,.17)}.light-two{bottom:2%;left:22%;width:18vw;height:18vw;background:rgba(22,214,203,.09);animation-delay:1.3s}.press-content{position:relative;z-index:2;min-height:calc(100dvh - 72px);align-items:flex-start;padding-block:88px 126px}.liquid-glass{background:linear-gradient(135deg,rgba(255,255,255,.115),rgba(255,255,255,.045));border:1px solid rgba(255,255,255,.15);box-shadow:inset 0 1px rgba(255,255,255,.1),0 18px 55px rgba(0,0,0,.24);backdrop-filter:blur(22px) saturate(135%);-webkit-backdrop-filter:blur(22px) saturate(135%)}.press-edition{gap:9px;padding:9px 13px;color:#c6d8f4;font-weight:800;letter-spacing:.17em}.edition-dot{width:7px;height:7px;background:#4d8cff;border-radius:50%;box-shadow:0 0 16px #4d8cff}.press-title{max-width:760px;margin:28px 0 0;color:#f7f9ff;font-family:Helvetica Neue,Helvetica,Arial,PingFang SC,sans-serif;font-size:clamp(54px,7.2vw,108px);font-weight:520;line-height:.92;letter-spacing:-.075em}.press-title em{color:transparent;background:linear-gradient(96deg,#f7fbff 5%,#72b5ff 52%,#78f3e7 96%);background-clip:text;-webkit-background-clip:text;font-style:normal}.press-description{max-width:580px;margin:28px 0 0;color:#9dacbf;font-size:14px}.press-primary,.press-secondary{min-height:50px;color:#fff;font-size:13px;font-weight:800;text-decoration:none;transition:color .18s ease,background .18s ease,border-color .18s ease}.press-primary{background:#236df6;box-shadow:0 18px 44px rgba(35,109,246,.3)}.press-primary:hover{background:#3d82ff}.press-secondary:hover{background:rgba(255,255,255,.13);border-color:rgba(255,255,255,.24)}.press-features{display:flex;flex-wrap:wrap;gap:22px;margin-top:25px;color:#8494aa;font-size:11px;font-weight:700}.press-features span{display:inline-flex;align-items:center;gap:7px}.press-features svg{color:#5b9cff}.press-now-playing{position:absolute;z-index:4;right:clamp(20px,3vw,54px);bottom:clamp(20px,3vw,42px);width:min(330px,calc(100vw - 40px));display:grid;grid-template-columns:50px 1fr 34px;align-items:center;gap:13px;padding:11px 13px;color:#f5f8ff;border-radius:18px;text-decoration:none;transition:background .18s ease,border-color .18s ease}.press-now-playing:hover{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.24)}.now-art{width:50px;height:50px;display:grid;place-items:center;color:#fff;background:radial-gradient(circle,#317dff 0 24%,#101c34 26% 48%,#07101f 50%);border-radius:50%}.now-copy{min-width:0;display:flex;flex-direction:column;gap:3px}.now-copy small{color:#70aaff;font-size:8px;font-weight:900;letter-spacing:.16em}.now-copy em,.now-copy strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.now-copy strong{font-size:12px}.now-copy em{color:#8090a7;font-size:9px;font-style:normal}.now-levels{height:28px;display:flex;align-items:center;justify-content:center;gap:3px}.now-levels i{width:3px;height:36%;background:#69a6ff;border-radius:99px;animation:press-level 1.2s ease-in-out infinite alternate backwards}.now-levels i:nth-child(2){height:82%;animation-delay:.13s}.now-levels i:nth-child(3){height:56%;animation-delay:.26s}.now-levels i:nth-child(4){height:72%;animation-delay:.39s}.press-index{position:absolute;z-index:3;left:clamp(20px,3vw,54px);bottom:clamp(26px,3.4vw,48px);display:flex;align-items:center;gap:12px;color:#687891}.press-index span{color:#dce8fa;font-size:12px;font-weight:800}.press-index i{width:54px;height:1px;background:#2e72d9}.press-index small{font-size:8px;letter-spacing:.2em}.press-fade{animation:press-fade-up .72s cubic-bezier(.22,.75,.25,1) backwards}.press-delay-1{animation-delay:80ms}.press-delay-2{animation-delay:.15s}.press-delay-3{animation-delay:.23s}.press-delay-4{animation-delay:.31s}.press-delay-5{animation-delay:.39s}@keyframes press-fade-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes press-record-spin{to{rotate:1turn}}@keyframes press-wave-pulse{0%{opacity:.42}to{opacity:1}}@keyframes press-light-breathe{0%{opacity:.45}to{opacity:.9}}@keyframes press-level{0%{opacity:.38}to{opacity:1}}.cover-play,.lesson-card,.lesson-card:hover,.lesson-card:hover .cover-play,.lesson-card:hover .lesson-cover,.lesson-cover{transform:none!important;perspective:none!important}.lesson-card{--lift:0px!important;transform-style:flat}@media (max-width:900px){.press-record{right:-230px;width:680px;opacity:.68}.press-content{padding-bottom:170px}.press-title{max-width:680px}}@media (max-width:680px){.press-content,.press-hero{min-height:calc(100dvh - 64px)}.press-content{justify-content:flex-start;padding-block:72px 170px}.press-record{top:58%;right:-190px;width:470px;opacity:.55}.press-wave-field{right:5%;bottom:18%;width:55vw;height:58px}.press-title{margin-top:22px;font-size:clamp(46px,14.2vw,68px);line-height:.94}.press-description{margin-top:20px;font-size:12px;line-height:1.75}.press-actions{width:100%;margin-top:24px}.press-primary,.press-secondary{min-height:46px;padding-inline:17px}.press-features{gap:13px;margin-top:19px}.press-now-playing{right:12px;bottom:14px;width:calc(100vw - 24px)}.press-index{display:none}}@media (prefers-reduced-motion:reduce){.now-levels i,.press-fade,.press-light,.press-record,.press-wave-field i{animation:none!important}}.press-hero{position:relative;width:100%;height:100dvh;min-height:100dvh;overflow:hidden;color:#fff;background:#030712;isolation:isolate;font-family:Helvetica,Arial,PingFang SC,Microsoft YaHei,sans-serif}.press-video-bg,.press-video-shade{position:absolute;inset:0;width:100%;height:100%}.press-video-bg{z-index:-3;object-fit:cover;object-position:center;opacity:1}.press-video-shade{z-index:-2;background:linear-gradient(180deg,rgba(1,6,18,.55),rgba(2,8,22,.12) 38%,rgba(1,5,14,.48)),radial-gradient(circle at 50% 40%,rgba(11,80,180,.05),rgba(0,5,18,.34) 78%)}.liquid-glass{position:relative;overflow:hidden;background:rgba(255,255,255,.01);background-blend-mode:luminosity;border:none;box-shadow:inset 0 1px 1px rgba(255,255,255,.1);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.liquid-glass:before{position:absolute;inset:0;padding:1.4px;border-radius:inherit;pointer-events:none;content:"";background:linear-gradient(180deg,rgba(255,255,255,.45),rgba(255,255,255,.15) 20%,rgba(255,255,255,0) 40%,rgba(255,255,255,0) 60%,rgba(255,255,255,.15) 80%,rgba(255,255,255,.45));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude}.press-header{position:absolute;z-index:20;top:0;left:0;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;width:100%;min-height:92px;padding:22px clamp(24px,4vw,64px)}.press-logo{display:inline-flex;align-items:center;justify-self:start;gap:10px;color:#fff;font-size:16px;font-weight:700;letter-spacing:-.02em}.press-logo svg{width:25px;height:25px;fill:currentColor}.press-logo:hover,.press-nav a:hover{color:#fff;opacity:.74}.press-nav{display:flex;align-items:center;gap:32px}.press-nav a{color:rgba(255,255,255,.88);font-size:12px;font-weight:600;letter-spacing:.05em}.press-header-actions{display:flex;align-items:center;justify-self:end;gap:10px}.press-cart{display:inline-flex;align-items:center;gap:8px;min-height:42px;padding:5px 12px 5px 5px;color:#111827;background:#fff;border-radius:999px;box-shadow:0 12px 40px rgba(0,0,0,.2)}.press-cart>span{display:grid;width:32px;height:32px;color:#fff;background:#1d4ed8;border-radius:50%;place-items:center}.press-cart b{font-size:11px}.press-cart small{color:#6b7280;font-size:10px}.press-menu{display:none;width:42px;height:42px;color:#fff;border-radius:50%;place-items:center}.press-mobile-nav{position:absolute;top:76px;right:20px;display:none;flex-direction:column;width:min(250px,calc(100vw - 40px));padding:12px;border-radius:18px}.press-mobile-nav a{padding:13px 14px;color:#fff;font-size:13px;border-radius:12px}.press-mobile-nav a:hover{background:rgba(255,255,255,.08)}.press-content{position:absolute;z-index:5;inset:0;display:flex;align-items:center;flex-direction:column;justify-content:center;min-height:100dvh;padding:88px 22px 140px;text-align:center}.press-edition{display:inline-flex;align-items:center;min-height:34px;padding:0 15px;color:rgba(255,255,255,.84);border-radius:999px;font-size:10px;font-weight:700;letter-spacing:.18em}.press-title{max-width:900px;margin:26px 0 0;color:#fff;font-size:clamp(48px,6.3vw,92px);font-weight:400;line-height:.94;letter-spacing:-.065em;text-transform:lowercase;text-shadow:0 18px 80px rgba(0,0,0,.32)}.press-description{max-width:650px;margin:25px 0 0;color:rgba(240,246,255,.78);font-size:13px;line-height:1.9;letter-spacing:.025em}.press-actions{display:flex;align-items:center;gap:12px;margin-top:30px}.press-primary,.press-secondary{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:49px;padding:0 22px;border-radius:999px;font-size:12px;font-weight:700;transform:none!important}.press-primary{color:#111827;background:#fff;box-shadow:0 15px 44px rgba(0,0,0,.22)}.press-secondary{color:#fff}.press-primary:hover,.press-secondary:hover{opacity:.82;transform:none!important}.press-fade{animation:press-reference-fade .62s ease-out backwards}.press-delay-1{animation-delay:.1s}.press-delay-2{animation-delay:.25s}.press-delay-3{animation-delay:.4s}.press-delay-4{animation-delay:.55s}.press-delay-5{animation-delay:.75s}@keyframes press-reference-fade{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@media (max-width:760px){.press-header{min-height:74px;padding:16px 18px;grid-template-columns:1fr auto}.press-logo{font-size:14px}.press-cart,.press-nav{display:none}.press-menu{display:grid}.press-mobile-nav{display:flex}.press-content{padding:76px 18px 176px}.press-title{margin-top:22px;font-size:clamp(43px,13.5vw,66px)}.press-description{margin-top:20px;font-size:12px}.press-description br{display:none}.press-actions{margin-top:24px}}@media (prefers-reduced-motion:reduce){.press-fade{animation:none!important}}.press-video-bg{object-position:50% 50%;animation:none!important;transform:none!important;z-index:-5}.press-record-window{--record-center-x:calc(50vw + 1.81vh);--record-center-y:67.78vh;--record-half-width:18.2vh;--record-half-height:9.25vh;--record-left:calc(var(--record-center-x) - var(--record-half-width));--record-top:calc(var(--record-center-y) - var(--record-half-height));position:absolute;z-index:-4;left:var(--record-left);top:var(--record-top);width:calc(var(--record-half-width) * 2);height:calc(var(--record-half-height) * 2);overflow:hidden;border-radius:50%;pointer-events:none}.press-record-texture{top:0;left:0;width:100vw;height:100dvh;translate:calc(0px - var(--record-left)) calc(0px - var(--record-top));transform-origin:var(--record-center-x) var(--record-center-y);animation:press-original-record-spin 12s linear infinite;will-change:transform}.press-record-foreground,.press-record-texture{position:absolute;max-width:none;object-fit:cover;object-position:center}.press-record-foreground{--record-hole-x:calc(50vw + 1.81vh);--record-hole-y:67.78vh;--record-hole-width:17.5vh;--record-hole-height:8.9vh;z-index:-3;inset:0;width:100%;height:100%;pointer-events:none;-webkit-mask-image:radial-gradient(ellipse var(--record-hole-width) var(--record-hole-height) at var(--record-hole-x) var(--record-hole-y),transparent 0 94%,#000 100%);mask-image:radial-gradient(ellipse var(--record-hole-width) var(--record-hole-height) at var(--record-hole-x) var(--record-hole-y),transparent 0 94%,#000 100%)}.press-petals{position:absolute;z-index:-1;inset:0;overflow:hidden;pointer-events:none}.press-petals i{--petal-drift:9vw;--petal-turn:620deg;position:absolute;top:-12vh;left:8%;width:10px;height:16px;border-radius:75% 18% 70% 24%;background:linear-gradient(145deg,rgba(255,250,245,.92),rgba(246,177,179,.86));box-shadow:0 2px 5px rgba(11,38,84,.16);opacity:0;animation:press-petal-drift 12s linear infinite;will-change:transform,opacity}.press-petals i:nth-child(2){left:16%;width:7px;height:12px;--petal-drift:-7vw;animation-duration:15s;animation-delay:-9s}.press-petals i:nth-child(3){left:24%;width:12px;height:18px;--petal-drift:14vw;animation-duration:17s;animation-delay:-4s}.press-petals i:nth-child(4){left:32%;--petal-drift:-12vw;--petal-turn:-700deg;animation-duration:13s;animation-delay:-11s}.press-petals i:nth-child(5){left:41%;width:8px;height:13px;--petal-drift:7vw;animation-duration:18s;animation-delay:-6s}.press-petals i:nth-child(6){left:49%;width:13px;height:19px;--petal-drift:-9vw;--petal-turn:-540deg;animation-duration:16s;animation-delay:-14s}.press-petals i:nth-child(7){left:57%;--petal-drift:12vw;animation-duration:14s;animation-delay:-2s}.press-petals i:nth-child(8){left:64%;width:7px;height:11px;--petal-drift:-13vw;animation-duration:19s;animation-delay:-10s}.press-petals i:nth-child(9){left:71%;width:11px;height:17px;--petal-drift:8vw;--petal-turn:-680deg;animation-duration:15s;animation-delay:-5s}.press-petals i:nth-child(10){left:77%;--petal-drift:-8vw;animation-duration:12s;animation-delay:-8s}.press-petals i:nth-child(11){left:83%;width:8px;height:12px;--petal-drift:11vw;animation-duration:18s;animation-delay:-13s}.press-petals i:nth-child(12){left:89%;width:12px;height:18px;--petal-drift:-14vw;--petal-turn:-620deg;animation-duration:16s;animation-delay:-7s}.press-petals i:nth-child(13){left:46%;width:7px;height:11px;--petal-drift:18vw;animation-duration:20s;animation-delay:-17s}.press-petals i:nth-child(14){left:67%;width:9px;height:14px;--petal-drift:-17vw;animation-duration:17s;animation-delay:-15s}@media (min-aspect-ratio:16/9){.press-record-window{--record-center-x:51.0156vw;--record-center-y:calc(50vh + 10vw);--record-half-width:10.2344vw;--record-half-height:5.2031vw}.press-record-foreground{--record-hole-x:51.0156vw;--record-hole-y:calc(50vh + 10vw);--record-hole-width:9.8438vw;--record-hole-height:5.0063vw}}@keyframes press-original-record-spin{0%{transform:scaleY(.51) rotate(0deg) scaleY(1.9608)}to{transform:scaleY(.51) rotate(1turn) scaleY(1.9608)}}@keyframes press-petal-drift{0%{opacity:0;transform:translate3d(0,-8vh,0) rotate(0deg)}10%{opacity:.7}82%{opacity:.58}to{opacity:0;transform:translate3d(var(--petal-drift),120vh,0) rotate(var(--petal-turn))}}.press-content{transform:translateY(-72px)}.press-account-entry{position:absolute;z-index:14;top:51%;left:clamp(22px,3vw,48px);display:grid;grid-template-columns:44px minmax(0,1fr) 34px;align-items:center;width:min(238px,calc(100vw - 44px));padding:12px;color:#fff;border:1px solid rgba(255,255,255,.2);border-radius:18px;background:rgba(4,17,39,.5);box-shadow:0 20px 70px rgba(0,0,0,.25);backdrop-filter:blur(18px) saturate(130%);transform:translateY(-50%)}.press-account-icon{display:grid;width:44px;height:44px;color:#0b234a;border-radius:14px;background:rgba(255,255,255,.94);place-items:center}.press-account-entry>div{min-width:0;padding:0 10px}.press-account-entry small{display:block;color:#91b8ff;font-size:8px;font-weight:800;letter-spacing:.13em}.press-account-entry strong{display:block;margin-top:3px;overflow:hidden;font-size:13px;text-overflow:ellipsis;white-space:nowrap}.press-account-entry p{margin:3px 0 0;color:rgba(255,255,255,.62);font-size:9px}.press-account-entry>button{display:grid;width:34px;height:34px;padding:0;color:#fff;border:1px solid rgba(255,255,255,.2);border-radius:50%;background:rgba(255,255,255,.08);cursor:pointer;place-items:center}.press-account-entry>button:hover{background:rgba(255,255,255,.18)}.social-auth-backdrop{position:fixed;z-index:100;inset:0;display:grid;padding:20px;background:rgba(0,7,18,.72);backdrop-filter:blur(18px);place-items:center}.social-auth-modal{position:relative;width:min(430px,100%);padding:34px;color:#eaf2ff;border:1px solid rgba(122,167,255,.28);border-radius:28px;background:linear-gradient(145deg,rgba(10,35,76,.98),rgba(3,16,39,.98));box-shadow:0 35px 100px rgba(0,0,0,.5)}.social-auth-close{position:absolute;top:18px;right:18px;display:grid;width:36px;height:36px;padding:0;color:#a8bee1;border:0;border-radius:50%;background:rgba(255,255,255,.06);cursor:pointer;place-items:center}.social-auth-mark{display:grid;width:52px;height:52px;color:#082654;border-radius:17px;background:#fff;place-items:center}.social-auth-modal>small{display:block;margin-top:22px;color:#67a4ff;font-size:9px;font-weight:800;letter-spacing:.16em}.social-auth-modal h2{margin:8px 0 0;font-size:28px;letter-spacing:-.04em}.social-auth-modal>p{margin:10px 0 0;color:#9fb0cc;font-size:13px;line-height:1.7}.social-auth-modal>em{display:block;margin-top:20px;color:#6f84a5;font-size:10px;font-style:normal;text-align:center}.social-auth-options{display:grid;gap:10px;margin-top:24px}.social-auth-button,.social-logout{display:flex;align-items:center;gap:14px;width:100%;min-height:58px;padding:10px 17px;color:#fff;border:1px solid rgba(255,255,255,.13);border-radius:16px;background:rgba(255,255,255,.07);cursor:pointer}.social-auth-button.wechat:not(.is-pending){background:rgba(7,193,96,.22)}.social-auth-button.qq:not(.is-pending){background:rgba(18,143,255,.22)}.social-auth-button span{display:flex;flex-direction:column;gap:2px}.social-auth-button b{font-size:13px}.social-auth-button small{color:rgba(255,255,255,.58);font-size:10px}.social-auth-button.is-pending{cursor:not-allowed;opacity:.55}.social-logout{justify-content:center;margin-top:24px;font-weight:700}@media (max-width:1040px){.press-account-entry{top:auto;bottom:28px;transform:none}}@media (max-width:760px){.press-content{transform:translateY(-34px)}.press-account-entry{top:82px;bottom:auto;left:16px;grid-template-columns:36px minmax(0,1fr) 30px;width:200px;padding:8px;transform:none}.press-account-icon{width:36px;height:36px;border-radius:11px}.press-account-entry p{display:none}.press-account-entry>button{width:30px;height:30px}.social-auth-modal{padding:28px 22px;border-radius:22px}}.library-page-immersive{position:relative;min-height:100dvh;overflow:hidden;color:#edf5ff;background:#04142c;isolation:isolate}.library-atmosphere{position:fixed;z-index:-3;inset:0;overflow:hidden;background:#04142c}.library-atmosphere-video{width:100%;height:100%;object-fit:cover;object-position:center;opacity:.72;filter:blur(8px) saturate(.86) brightness(.66);transform:scale(1.035)}.library-atmosphere-haze{position:absolute;inset:0;background:radial-gradient(circle at 50% 14%,rgba(70,150,255,.18),transparent 36%),radial-gradient(circle at 14% 62%,rgba(80,226,214,.08),transparent 34%),linear-gradient(180deg,rgba(3,18,48,.24),rgba(2,12,29,.72));backdrop-filter:blur(3px)}.library-page-immersive .library{position:relative;z-index:1;min-height:100dvh;padding-block:clamp(54px,7vw,92px) 64px;border-top:0;background:transparent}.library-page-immersive .library:before{position:absolute;z-index:-1;inset:0;content:"";background:linear-gradient(180deg,rgba(4,18,43,.18),rgba(2,11,27,.52)),radial-gradient(circle at 50% 30%,rgba(255,255,255,.04),transparent 44%);pointer-events:none}.library-page-immersive .section-heading{align-items:center;padding:24px 26px;border:1px solid rgba(255,255,255,.13);border-radius:24px;background:rgba(6,22,48,.44);box-shadow:0 24px 80px rgba(0,0,0,.22),inset 0 1px rgba(255,255,255,.06);backdrop-filter:blur(20px) saturate(120%)}.library-page-immersive .eyebrow{color:#72e8df}.library-page-immersive .section-heading h2{color:#f5f9ff;text-shadow:0 8px 30px rgba(0,0,0,.32)}.library-page-immersive .filter-tabs{border:1px solid rgba(255,255,255,.1);background:rgba(4,16,36,.46);box-shadow:inset 0 1px rgba(255,255,255,.04);backdrop-filter:blur(14px)}.library-page-immersive .filter-tabs button{color:#b8c8db}.library-page-immersive .filter-tabs button.active{color:#fff;background:rgba(91,151,242,.27);box-shadow:inset 0 0 0 1px rgba(151,190,255,.2),0 8px 20px rgba(0,0,0,.18)}.library-page-immersive .lesson-grid{gap:22px}.library-page-immersive .empty-state,.library-page-immersive .lesson-card{color:#eef5ff;border-color:rgba(255,255,255,.13);background:rgba(6,20,42,.6);box-shadow:0 22px 64px rgba(0,0,0,.3),inset 0 1px rgba(255,255,255,.06);backdrop-filter:blur(22px) saturate(120%)}.library-page-immersive .lesson-card:hover{border-color:rgba(104,230,218,.46);box-shadow:0 28px 72px rgba(0,0,0,.38),0 0 0 1px rgba(104,230,218,.08)}.library-page-immersive .lesson-body{background:linear-gradient(180deg,rgba(10,28,52,.7),rgba(4,17,36,.82))}.library-page-immersive .lesson-body h3{color:#f5f9ff}.library-page-immersive .card-progress small,.library-page-immersive .empty-state p,.library-page-immersive .lesson-body p,.library-page-immersive .lesson-meta{color:#a9bad0}.library-page-immersive .card-progress>span{background:rgba(255,255,255,.12)}@media (max-width:1050px){.library-page-immersive .section-heading{align-items:flex-start}}@media (max-width:680px){.library-page-immersive .library{padding:28px 14px 42px}.library-page-immersive .section-heading{padding:20px;border-radius:20px}.library-page-immersive .section-heading h2{font-size:24px}.library-atmosphere-video{filter:blur(6px) saturate(.84) brightness(.62);transform:scale(1.06)}}@media (prefers-reduced-motion:reduce){.library-atmosphere-video{display:none}}