.page-hero{isolation:isolate;background:linear-gradient(180deg, #16281f 0%, var(--moss) 100%);color:var(--paper);padding:clamp(96px,12vw,152px) 20px clamp(36px,5vw,60px);position:relative}.page-hero.has-media{padding-top:clamp(128px,15vw,196px);padding-bottom:clamp(52px,7vw,84px)}.page-hero-media{z-index:-1;position:absolute;inset:0;overflow:hidden}.page-hero-shade{background:linear-gradient(100deg,#0c1811e6 0%,#0c1811c7 46%,#0c18116b 100%),linear-gradient(#0c1811b8 0%,#0c18114d 40%);position:absolute;inset:0}.page-hero-inner{max-width:1120px;margin:0 auto;position:relative}.page-hero-eyebrow{letter-spacing:.08em;text-transform:uppercase;color:var(--gold);flex-wrap:wrap;gap:8px;margin:0 0 14px;font-size:13px;font-weight:600;display:flex}.page-hero-eyebrow a{color:inherit;text-decoration:none}.page-hero-eyebrow a:hover{text-decoration:underline}.page-hero h1{max-width:18ch;font-family:var(--display);text-wrap:balance;margin:0;font-size:clamp(32px,5.2vw,60px);font-weight:700;line-height:1.06}.page-hero-lines{font-family:var(--display);color:var(--gold);margin:16px 0 0;font-size:clamp(19px,2.4vw,27px);font-weight:600;line-height:1.25}.page-hero-lines span{display:block}.page-hero-lead{color:#fffaf1d6;max-width:62ch;margin:18px 0 0;font-size:clamp(15px,1.6vw,17px);line-height:1.68}.cta-band{background:var(--rice);padding:clamp(56px,8vw,96px) 0}.cta-band-inner{text-align:center}.cta-band-inner h2{max-width:16ch;font-family:var(--display);margin:10px auto 16px;font-size:clamp(28px,4.2vw,46px);font-weight:700;line-height:1.1}.cta-band-inner h2 span{display:block}.cta-band-inner>p{max-width:62ch;color:var(--muted);margin:0 auto 26px;font-size:16px;line-height:1.7}.library-groups{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px;padding-top:clamp(48px,7vw,80px);display:grid}.library-card{border:1px solid var(--line);background:var(--paper);border-radius:20px;padding:0 0 22px;overflow:hidden}.library-media{aspect-ratio:3/2;background:var(--rice);position:relative}.library-card>:not(.library-media){margin-left:24px;margin-right:24px}.library-no{font-family:var(--display);letter-spacing:.12em;color:var(--gold);margin-top:20px;margin-bottom:10px;font-size:13px;font-weight:700;display:inline-block}.library-card h3{font-family:var(--display);margin:0 0 4px;font-size:24px;font-weight:700;line-height:1.2}.library-sub{color:var(--muted);margin:0 0 16px;font-size:15px;line-height:1.55}.library-card ul{flex-wrap:wrap;gap:8px;margin:0 0 16px;padding:0;list-style:none;display:flex}.library-card li{padding:0}.library-card li>:is(a,span){border:1px solid var(--line);color:var(--ink);background:var(--cream);border-radius:999px;align-items:center;gap:7px;padding:8px 13px;font-size:13.5px;line-height:1.35;text-decoration:none;transition:border-color .2s,color .2s;display:inline-flex}.library-card li>a:hover{border-color:var(--clay);color:var(--clay)}.library-card li>a:focus-visible{outline:2px solid var(--clay);outline-offset:2px}.library-count{min-width:18px;color:var(--clay);text-align:center;background:#a94f321f;border-radius:999px;padding:0 5px;font-size:11.5px;font-weight:700}.library-chua{color:var(--muted);opacity:.72}.library-all{min-height:40px;color:var(--clay);border-bottom:1px solid #a94f3259;align-items:center;gap:6px;padding-bottom:3px;font-size:14px;font-weight:700;text-decoration:none;transition:color .2s,border-color .2s;display:inline-flex}.library-all:hover{color:#8f3f26;border-color:var(--clay)}.library-all:focus-visible{outline:2px solid var(--clay);outline-offset:4px;border-radius:4px}.weekly-band{padding-top:clamp(40px,6vw,64px);padding-bottom:clamp(56px,8vw,96px)}.weekly-inner{background:radial-gradient(130% 88% at 50% 0%, #ffffffeb, #fff0 62%), linear-gradient(180deg, var(--paper), var(--cream));text-align:center;border:1px solid #c5954b4d;border-radius:26px;padding:clamp(34px,4.6vw,54px) clamp(28px,4vw,44px) clamp(30px,4.2vw,46px);position:relative;box-shadow:inset 0 1px #ffffffd9,0 30px 64px -38px #16201980}.weekly-inner .eyebrow{letter-spacing:clamp(.08em,.5vw,.2em);white-space:nowrap;align-items:center;gap:clamp(8px,2vw,16px);margin-bottom:12px;display:inline-flex}.weekly-inner .eyebrow:before,.weekly-inner .eyebrow:after{content:"";background:linear-gradient(90deg,#c5954b00,#c5954bcc);width:clamp(16px,6vw,56px);height:1px}.weekly-inner .eyebrow:after{transform:scaleX(-1)}.weekly-inner :is(h2,h3){font-family:var(--display);letter-spacing:-.015em;margin:6px 0 14px;font-size:clamp(26px,3.6vw,40px);font-weight:700}.weekly-inner>p{max-width:56ch;color:var(--muted);margin:0 auto 22px;font-size:15.5px;line-height:1.65}.weekly-bang{background:linear-gradient(#78603a1a,#78603a08 36%,#78603a13);margin:0 calc(-1*clamp(28px,4vw,44px)) 26px;padding:16px 0 20px;position:relative;overflow:hidden;box-shadow:inset 0 1px 2px #1620191a,inset 0 -1px #fff9;-webkit-mask-image:linear-gradient(90deg,#0000 0%,#0006 6%,#000 17% 83%,#0006 94%,#0000 100%);mask-image:linear-gradient(90deg,#0000 0%,#0006 6%,#000 17% 83%,#0006 94%,#0000 100%)}.weekly-chay{width:max-content;animation:46s linear infinite weekly-troi;display:flex}.weekly-chay>*{flex:none;width:clamp(168px,21vw,232px);margin-right:14px}.weekly-bang:hover .weekly-chay,.weekly-bang:focus-within .weekly-chay{animation-play-state:paused}@keyframes weekly-troi{0%{transform:translate(0,0)}to{transform:translate(-33.3333%)}}.weekly-slot{aspect-ratio:4/3;background:var(--rice);border:1px solid #78603a29;border-radius:17px;text-decoration:none;display:block;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff80,0 2px 5px -3px #1620194d,0 18px 34px -22px #16201994}.weekly-slot img{transition:transform .7s cubic-bezier(.2,.7,.3,1)}a.weekly-slot:hover img{transform:scale(1.07)}.weekly-name{color:#fff;text-align:left;text-shadow:0 1px 3px #0006;background:linear-gradient(#120e0a00 0%,#120e0a4d 32%,#120e0abd 64%,#120e0aed 100%);padding:34px 14px 12px;font-size:13px;font-weight:600;line-height:1.38;position:absolute;inset:auto 0 0}.weekly-name:before{content:"";background:linear-gradient(90deg,#d6ad66f2,#d6ad6600);border-radius:2px;width:18px;height:2px;margin-bottom:8px;transition:width .32s cubic-bezier(.2,.7,.3,1);display:block}a.weekly-slot:hover .weekly-name:before{width:38px}.weekly-name>span{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;max-height:2.7em;display:-webkit-box;overflow:hidden}a.weekly-slot:hover{border-color:var(--clay)}a.weekly-slot:focus-visible{outline:2px solid var(--clay);outline-offset:3px}.weekly-slot{transition:border-color .22s,transform .28s cubic-bezier(.2,.7,.3,1),box-shadow .28s}a.weekly-slot:hover{border-color:#c5954bcc;transform:translateY(-6px);box-shadow:inset 0 0 0 1px #ffecc466,0 3px 7px -4px #16201952,0 30px 52px -26px #162019ad}.weekly-inner .library-all{background:#ffffff9e;border:1px solid #c5954b8c;border-radius:999px;min-height:44px;padding:11px 24px;transition:background .22s,border-color .22s,color .22s,transform .22s,box-shadow .22s;box-shadow:0 12px 26px -20px #16201999}.weekly-inner .library-all:hover{border-color:var(--clay);background:#fff;transform:translateY(-2px);box-shadow:0 18px 32px -20px #162019b3}@media (prefers-reduced-motion:reduce){.weekly-bang{box-shadow:none;background:0 0;margin-inline:0;padding:0;-webkit-mask-image:none;mask-image:none}.weekly-chay{flex-wrap:wrap;justify-content:center;width:100%;animation:none}.weekly-name:before,a.weekly-slot:hover .weekly-name:before{width:18px;transition:none}.weekly-chay>[data-ban-sao]{display:none}a.weekly-slot:hover,.weekly-inner .library-all:hover{transform:none}.weekly-slot img,a.weekly-slot:hover img{transition:none;transform:none}}.soon-tag{color:#7a5a1e;letter-spacing:.02em;background:#c5954b29;border-radius:999px;margin:0;padding:5px 12px;font-size:12.5px;font-weight:600;display:inline-block}.soon-section{padding:clamp(48px,7vw,84px) 20px clamp(64px,9vw,104px)}.soon-card{border:1px solid var(--line);background:var(--paper);border-radius:22px;max-width:640px;margin:0 auto;padding:clamp(28px,4vw,40px)}.soon-card h2{font-family:var(--display);margin:14px 0;font-size:clamp(21px,2.6vw,27px);font-weight:700;line-height:1.25}.soon-card ul{margin:0 0 22px;padding-left:20px}.soon-card li{margin-bottom:10px;font-size:15.5px;line-height:1.65}.filter-bar{-webkit-backdrop-filter:blur(20px)saturate(1.3);backdrop-filter:blur(20px)saturate(1.3);--lo-xo:cubic-bezier(.34, 1.56, .64, 1);background:#fffaf1b8;border:1px solid #ffffffa6;border-radius:22px;gap:4px;width:100%;margin:4px 0 26px;padding:6px;display:flex;position:relative;box-shadow:inset 0 1px #ffffffe6,inset 0 0 0 1px #ffffff40,0 18px 45px #1620191f,0 4px 12px #16201914}.filter-pill{pointer-events:none;width:0;transition:transform .38s var(--lo-xo), width .38s var(--lo-xo);background:radial-gradient(130% 95% at 50% -35%,#ffffff73,#fff0 55%),linear-gradient(#254f3df0 0%,#1d4031fa 60%,#173528 100%);border-radius:16px;position:absolute;top:6px;bottom:6px;left:0;box-shadow:inset 0 1px 1px #fff6,inset 0 -1px 1px #ffffff1f,0 5px 12px #16201947}.filter-opt{z-index:1;min-height:44px;color:var(--ink);text-align:center;white-space:nowrap;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:16px;flex:1 1 0;justify-content:center;align-items:center;gap:8px;padding:10px 14px;font-family:inherit;font-size:14.5px;font-weight:500;transition:color .22s,background-color .18s;display:flex;position:relative}.filter-opt:hover:not(.is-on){background:#ffffff8c;box-shadow:inset 0 1px #ffffffe6}.filter-bar .filter-opt:focus-visible{box-shadow:inset 0 0 0 2px var(--paper), inset 0 0 0 4px var(--moss);outline:2px solid #0000}.filter-opt.is-on{color:var(--paper);text-shadow:0 1px 2px #00000047;font-weight:600}.filter-opt em{white-space:nowrap;color:#4a340c;background:#eddcbf;border-radius:999px;flex:none;margin-left:auto;padding:2px 8px;font-size:11.5px;font-style:normal;font-weight:600;transition:background-color .22s,color .22s}.filter-opt.is-on em{color:var(--paper);background:#fffaf140}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.product-empty{border:1px dashed var(--line);background:var(--cream);color:var(--muted);text-align:center;border-radius:18px;margin:12px 0 0;padding:26px;font-size:15.5px;line-height:1.65}.shelf-pages{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin-top:28px;display:flex}.shelf-page,.shelf-page-nav{min-height:44px;color:var(--ink);cursor:pointer;background:0 0;border:1px solid #254f3d59;border-radius:999px;padding:0 16px;font-family:inherit;font-size:14.5px;font-weight:600;transition:background-color .18s,color .18s}.shelf-page.is-on{border-color:var(--moss);background:var(--moss);color:var(--paper);cursor:default}.shelf-page:hover:not(.is-on),.shelf-page-nav:hover:not(:disabled){background:#254f3d14}.shelf-page:disabled,.shelf-page-nav:disabled{opacity:.4;cursor:default}.shelf-page:focus-visible,.shelf-page-nav:focus-visible{outline:2px solid var(--moss);outline-offset:3px}@media (max-width:960px){.filter-bar{scroll-snap-type:x proximity;scrollbar-width:none;overflow-x:auto}.filter-bar::-webkit-scrollbar{display:none}.filter-opt{scroll-snap-align:center;flex:1 0 auto;padding:10px 14px}}.product-disclaimer{border-left:3px solid var(--gold);background:var(--cream);border-radius:0 12px 12px 0;margin-top:clamp(28px,4vw,44px);padding:18px 20px}.product-disclaimer p{color:var(--muted);margin:0 0 8px;font-size:14px;line-height:1.65}.product-disclaimer p:last-child{margin-bottom:0}.section-lead{max-width:58ch;color:var(--muted);margin:6px 0 14px;font-size:16px;line-height:1.68}.course-headline-line,.expert-headline-line{display:block}.course-more{color:inherit;margin-top:16px;font-weight:600;display:inline-block}.expert-note{margin:4px 0 14px;font-size:15.5px;line-height:1.65}.expert-cta{min-height:44px;color:inherit;border:1px solid;border-radius:999px;align-items:center;margin-bottom:16px;padding:11px 22px;font-size:15px;font-weight:600;text-decoration:none;display:inline-flex}.expert-cta:hover{background:#fffaf11f}.lead-interests{border:0;margin:0 0 10px;padding:0}.lead-interests legend{margin-bottom:6px;padding:0;font-size:14px;font-weight:600}.lead-chips{flex-wrap:wrap;gap:8px;display:flex}.lead-chip{position:relative}.lead-chip input{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute}.lead-chip span{opacity:.72;border:1px solid;border-radius:999px;align-items:center;min-height:44px;padding:10px 16px;font-size:14.5px;line-height:1.2;transition:opacity .16s,background-color .16s;display:inline-flex}.lead-chip input:checked+span{opacity:1;background:#c5954b38;font-weight:600}.lead-chip input:focus-visible+span{outline:2px solid var(--gold);outline-offset:2px}.lead-consent{align-items:flex-start;gap:10px;margin:2px 0 12px;font-size:14px;line-height:1.6;display:flex}.lead-consent input{width:20px;height:20px;accent-color:var(--gold);flex:none;margin-top:2px}.lead-consent a{color:inherit;text-underline-offset:2px;text-decoration:underline}.lead-more{border-top:1px solid var(--line);padding-top:10px}.lead-more>summary{cursor:pointer;min-height:34px;color:var(--muted);align-items:center;gap:9px;font-size:14px;font-weight:600;list-style:none;display:flex}.lead-more>summary::-webkit-details-marker{display:none}.lead-more>summary:before{content:"+";border:1px solid var(--line);border-radius:999px;flex:none;justify-content:center;align-items:center;width:22px;height:22px;font-size:15px;line-height:1;display:inline-flex}.lead-more[open]>summary:before{content:"−"}.lead-more[open]>summary{margin-bottom:12px}.lead-more>summary:hover{color:var(--ink)}.lead-more>summary:focus-visible{outline:2px solid var(--gold);outline-offset:3px;border-radius:8px}.header-cart{min-height:44px;color:inherit;border-radius:999px;align-items:center;gap:7px;padding:8px 14px;font-size:14.5px;font-weight:500;text-decoration:none;display:inline-flex}.header-cart:hover{background:#fffaf124}@media (max-width:720px){.header-cart span{display:none}}@media (prefers-reduced-motion:reduce){.filter-pill,.filter-opt,.shelf-page,.shelf-page-nav,.lead-chip span{transition:none!important}}.story-panel .button{margin-top:22px}#gioi-thieu,#nguyen-tac,#san-pham,#khoa-hoc,#chuyen-gia,#song-thuan-tu-nhien{scroll-margin-top:96px}#gioi-thieu:focus,#nguyen-tac:focus,#san-pham:focus,#khoa-hoc:focus,#chuyen-gia:focus,#song-thuan-tu-nhien:focus{outline:none}.library-heading{padding-top:clamp(64px,8vw,104px)}.library-heading .section-heading{margin-bottom:0}#song-thuan-tu-nhien .library-groups{padding-top:34px}.library-title-line{display:block}.library-more{margin-top:18px}.library-more>summary{width:fit-content;color:var(--clay);cursor:pointer;border-bottom:1px solid #a94f3259;align-items:center;gap:8px;padding-bottom:3px;font-size:14px;font-weight:700;list-style:none;transition:color .2s,border-color .2s,gap .2s;display:inline-flex}.library-more>summary::-webkit-details-marker{display:none}.library-more>summary:hover{color:#8f3f26;border-color:var(--clay);gap:12px}.library-more>summary:focus-visible{outline:2px solid var(--clay);outline-offset:4px;border-radius:4px}.library-more-arrow{transition:transform .22s}.library-more[open]>summary{margin-bottom:16px}.library-more[open] .library-more-arrow{transform:rotate(90deg)}@media (prefers-reduced-motion:reduce){.library-more>summary,.library-more-arrow{transition:none}}.lead-dialog{border:1px solid var(--line);background:var(--rice);width:min(560px,100vw - 28px);max-height:min(88svh,920px);color:var(--ink);box-shadow:var(--shadow);border-radius:18px;margin:auto;padding:0;overflow:auto}.lead-dialog::backdrop{background:#0a120d9e}.lead-dialog-inner{padding:clamp(22px,5vw,34px);position:relative}.lead-dialog-inner h2{font-family:var(--display);margin:6px 44px 18px 0;font-size:clamp(24px,5.2vw,32px);font-weight:650;line-height:1.12}.lead-dialog-close{width:40px;height:40px;color:inherit;cursor:pointer;background:0 0;border:0;border-radius:999px;place-items:center;font-size:26px;line-height:1;display:grid;position:absolute;top:12px;right:12px}.lead-dialog-close:hover{background:#16201914}.product-dialog{border:1px solid var(--line);background:var(--rice);width:min(680px,100vw - 28px);max-height:min(88svh,920px);color:var(--ink);box-shadow:var(--shadow);border-radius:18px;margin:auto;padding:0;overflow:auto}.product-dialog::backdrop{background:#0a120d9e}.product-dialog-inner{padding:clamp(22px,5vw,34px);position:relative}.product-dialog-head{grid-template-columns:200px minmax(0,1fr);align-items:start;gap:clamp(18px,4vw,28px);display:grid}.product-dialog-media{aspect-ratio:1;border:1px solid var(--line);background:#fffaf1;border-radius:14px;position:relative;overflow:hidden}.product-dialog-media img{box-sizing:border-box;padding:14px}.product-dialog-key h2{font-family:var(--display);margin:0 44px 8px 0;font-size:clamp(22px,4.6vw,30px);font-weight:650;line-height:1.12}.product-dialog-price{color:var(--clay);margin:0 0 16px;font-size:22px;font-weight:800}.product-dialog-quick{gap:10px;margin:0 0 18px;display:grid}.product-dialog-quick>div{align-items:center;gap:10px;display:flex}.product-dialog-quick dt{min-width:86px;color:var(--muted);font-size:13px;font-weight:800}.product-dialog-quick dd{margin:0;font-size:14.5px;font-weight:700}.product-dialog-pill{border:1px solid var(--line);background:#fff;border-radius:999px;padding:4px 14px;font-size:13.5px;font-weight:800;display:inline-block}.product-dialog-key .buy-btn{width:auto;padding:0 30px}.product-spec{border-top:1px solid var(--line);gap:14px;margin:clamp(20px,4vw,28px) 0 0;padding-top:clamp(18px,3.5vw,24px);display:grid}.product-spec>div{grid-template-columns:150px minmax(0,1fr);gap:8px 16px;display:grid}.product-spec dt{color:var(--muted);font-size:13.5px;font-weight:800}.product-spec dd{margin:0;font-size:14.5px;line-height:1.6}.product-spec dd>span{display:block}.product-spec dd>span+span{margin-top:6px}.product-spec-file{color:var(--clay);text-underline-offset:3px;font-size:13px;font-weight:700;text-decoration:underline;display:inline-block}.product-spec-file:focus-visible{outline:2px solid var(--clay);outline-offset:3px;border-radius:4px}.product-dialog-desc{border-top:1px solid var(--line);color:var(--muted);margin:clamp(20px,4vw,28px) 0 0;padding-top:clamp(18px,3.5vw,24px);font-size:14.5px;line-height:1.65}.product-name-btn{color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;padding:0;transition:color .18s}.product-name-btn:hover{color:var(--clay);text-underline-offset:4px;text-decoration:underline}.product-name-btn:focus-visible{outline:2px solid var(--clay);outline-offset:4px;border-radius:6px}@media (max-width:620px){.product-dialog-head{grid-template-columns:1fr}.product-dialog-media{width:min(200px,60%)}.product-spec>div{grid-template-columns:1fr;gap:4px}}@media (prefers-reduced-motion:reduce){.product-name-btn{transition:none}}