.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{border:1px solid var(--line);color:var(--ink);background:var(--cream);border-radius:999px;padding:6px 12px;font-size:13.5px;line-height:1.35}.weekly-band{padding-top:clamp(40px,6vw,64px);padding-bottom:clamp(56px,8vw,96px)}.weekly-inner{border:1px dashed var(--line);background:var(--cream);text-align:center;border-radius:22px;padding:clamp(28px,4vw,44px)}.weekly-inner :is(h2,h3){font-family:var(--display);margin:8px 0 10px;font-size:clamp(24px,3.4vw,36px);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-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin-bottom:18px;display:grid}.weekly-slot{aspect-ratio:4/3;border:1px solid var(--line);background:var(--rice);border-radius:14px;position:relative;overflow:hidden}.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-dock{--lo-xo:cubic-bezier(.34, 1.56, .64, 1);width:fit-content;margin:4px 0 26px;position:relative}.filter-btn{background:linear-gradient(180deg, #fffdf7 0%, var(--cream) 60%, #efe6d3 100%);min-height:48px;color:var(--ink);cursor:pointer;transition:box-shadow .2s ease, transform .2s var(--lo-xo);-webkit-tap-highlight-color:transparent;border:1px solid #ffffffbf;border-radius:24px;align-items:center;gap:10px;padding:11px 16px 11px 18px;font-family:inherit;font-size:15px;display:inline-flex;box-shadow:inset 0 1px #fffffff2,inset 0 -2px 3px #16201912,0 4px 12px #1620191a,0 1px 3px #16201914}.filter-btn:hover{box-shadow:inset 0 1px #fffffff2,inset 0 -2px 3px #16201912,0 7px 18px #16201924,0 2px 4px #16201914}.filter-btn:active{transform:scale(.97)}.filter-btn:focus-visible{outline:2px solid var(--moss);outline-offset:3px}.filter-label{color:var(--muted);font-size:13px}.filter-value{font-weight:600}.filter-dot{background:radial-gradient(circle at 35% 30%, #3c7a5e, var(--moss) 70%);border-radius:50%;width:8px;height:8px;box-shadow:inset 0 1px 1px #ffffff80,0 1px 2px #1620194d}.filter-caret{color:var(--muted);transition:transform .32s var(--lo-xo);display:inline-flex}.filter-dock.is-open .filter-caret{transform:rotate(180deg)}.filter-menu{z-index:20;-webkit-backdrop-filter:blur(20px)saturate(1.3);backdrop-filter:blur(20px)saturate(1.3);transform-origin:0 0;opacity:0;pointer-events:none;visibility:hidden;min-width:288px;max-width:calc(100vw - 48px);transition:transform .38s var(--lo-xo), opacity .2s ease, visibility 0s .38s;background:#fffaf1b8;border:1px solid #ffffffa6;border-radius:22px;padding:6px;position:absolute;top:calc(100% + 10px);left:0;transform:scale(.82)translateY(-10px);box-shadow:inset 0 1px #ffffffe6,inset 0 0 0 1px #ffffff40,0 18px 45px #16201933,0 4px 12px #1620191a}.filter-dock.is-open .filter-menu{opacity:1;pointer-events:auto;visibility:visible;transition:transform .38s var(--lo-xo), opacity .2s ease, visibility 0s;transform:none}.filter-pill{pointer-events:none;height:44px;transition:transform .38s var(--lo-xo), height .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:0;left:6px;right:6px;box-shadow:inset 0 1px 1px #fff6,inset 0 -1px 1px #ffffff1f,0 5px 12px #16201947}.filter-opt{z-index:1;width:100%;min-height:44px;color:var(--ink);text-align:left;cursor:pointer;transition:color .22s ease, background-color .18s ease, opacity .26s ease, transform .32s var(--lo-xo);-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:16px;align-items:center;gap:8px;padding:10px 14px;font-family:inherit;font-size:14.5px;font-weight:500;display:flex;position:relative}.filter-menu .filter-opt{opacity:0;transform:translateY(-6px)}.filter-dock.is-open .filter-opt{opacity:1;transition-delay:0s, 0s, calc(var(--i) * 35ms), calc(var(--i) * 35ms);transform:none}.filter-opt:hover:not(.is-on){background:#ffffff8c;box-shadow:inset 0 1px #ffffffe6}.filter-menu .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{color:#4a340c;background:#eddcbf;border-radius:999px;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}.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:6px 0 18px;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:22px;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 14px;padding:0}.lead-interests legend{margin-bottom:9px;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:4px 0 18px;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}.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}.footer-legal{opacity:.82;flex-direction:column;gap:5px;margin-top:14px;font-size:13.5px;font-style:normal;line-height:1.6;display:flex}.footer-legal a{color:inherit}.footer-hotline{display:block}.footer-hotline>span{margin-right:6px;display:inline}.footer-hotline a{white-space:nowrap;margin-right:10px;display:inline}@media (max-width:720px){.header-cart span{display:none}}@media (prefers-reduced-motion:reduce){.filter-btn,.filter-caret,.filter-pill,.filter-opt,.lead-chip span{transition:none!important}.filter-menu{transition:visibility!important}.filter-dock.is-open .filter-menu{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;margin-left:12px;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}}
