@import url('https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:wght@400;500;600;700&family=Noto+Serif:wght@400;500;600;700&display=swap');
:root{--ink:#183f36;--muted:#4d604f;--paper:#f6f7f2;--line:#e3e7de;--gold:#b89148}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:#253c33;font:16px 'Be Vietnam Pro',Arial,sans-serif}button,input,select,textarea{font:inherit}button,a{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.5;cursor:default}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #b89148;outline-offset:3px}h1,h2,h3,p{margin-top:0}h1,h2,.serif{font-family:'Noto Serif',Georgia,serif}h1{font-size:40px;line-height:1.35;font-weight:500;letter-spacing:-1.3px}h2{font-size:26px;letter-spacing:-.5px}h3{font-size:19px;line-height:1.6}.shell{display:grid;grid-template-columns:280px 1fr;min-height:100vh}.sidebar{background:#fcfdf9;border-right:1px solid var(--line);padding:33px 20px;position:fixed;width:280px;inset:0 auto 0 0;display:flex;flex-direction:column;z-index:20}.brand{display:flex;gap:11px;align-items:center;padding:0 8px 30px}.brand-mark{background:var(--ink);color:#e2cd99;border-radius:50%;width:44px;height:44px;display:grid;place-items:center;font-size:29px}.brand strong{display:block;font:600 19px 'Noto Serif',Georgia,serif}.brand small{font-size:12px;letter-spacing:2px;color:#4d604f;display:block;margin-top:7px}.nav-label{font-size:13px;letter-spacing:1.8px;color:#4d604f;padding:20px 14px 10px}.nav{width:100%;border:0;text-align:left;background:none;color:#4d604f;padding:14px;border-radius:8px;margin:3px 0;display:flex;gap:13px;align-items:center;font-weight:500}.nav.active{background:#eaf0e5;color:#224736}.nav .ico{width:20px;font-size:20px;line-height:1}.side-bottom{margin-top:auto}.quote{padding:21px 15px;background:#f1f3e9;border-radius:10px;font:italic 16px/1.8 'Noto Serif',Georgia,serif;color:#68775e}.quote small{display:block;font:13px 'Be Vietnam Pro',Arial;margin-top:13px;color:#4d604f}.sidebar footer{font-size:13px;line-height:1.8;color:#4d604f;padding:22px 12px 0}.main{grid-column:2;min-width:0}.topbar{height:86px;padding:0 42px;display:flex;align-items:center;justify-content:space-between;background:#fcfdf9;border-bottom:1px solid var(--line);gap:16px}.crumb{color:#4d604f;font-size:16px}.top-actions{display:flex;gap:14px;align-items:center}.badge{font-size:13px;background:#f0ecd9;color:#8c773d;padding:6px 9px;border-radius:5px;white-space:nowrap}.avatar{width:37px;height:37px;border-radius:50%;background:#e5ecdd;display:grid;place-items:center;color:#39523d;font-weight:600}.btn{border:1px solid var(--line);background:#fff;border-radius:7px;padding:11px 17px;display:inline-flex;gap:9px;align-items:center;justify-content:center;font-weight:500;font-size:16px;color:var(--ink)}.btn.primary{background:var(--ink);border-color:var(--ink);color:#fff}.btn.gold{background:#efe3c5;border-color:#efe3c5}.btn.small{padding:8px 12px;font-size:14px}.btn.danger{color:#a14236}.content{max-width:1480px;margin:auto;padding:32px 42px 50px}.eyebrow{font-size:13px;letter-spacing:2.5px;color:#4d604f;font-weight:600;margin-bottom:17px}.hero{border:1px solid #e0e4d6;background:#eef1e5;border-radius:14px;padding:38px 40px;display:grid;grid-template-columns:1.35fr 1fr;overflow:hidden;position:relative;min-height:310px}.hero h1{max-width:510px;margin-bottom:18px;font-size:38px;font-weight:700}.hero p{line-height:1.9;color:#4d604f;font-size:16px;max-width:440px}.hero-buttons{display:flex;gap:10px;margin-top:24px}.hero-art{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;min-height:210px;min-width:0}.orb{border:1px solid #c3cfb7;width:236px;height:236px;border-radius:50%;display:grid;place-items:center;position:relative;transform:rotate(-12deg)}.orb:before,.orb:after{content:'';position:absolute;border:1px dashed #c3cfb7;border-radius:50%;inset:15px}.orb:after{inset:-22px;border-style:solid;opacity:.4}.orb span{font-size:115px;color:#5f7757;transform:rotate(12deg)}.orbit{position:absolute;background:#f9faf2;border:1px solid #dbe2ce;padding:10px 15px;border-radius:7px;color:#647b53;font-size:13px;box-shadow:0 8px 25px #273d2a08}.orbit.one{top:10px;right:0}.orbit.two{bottom:0;left:0}.hero-note{position:static;width:100%;text-align:center;line-height:1.6;font-size:12px;letter-spacing:2px;color:#4d604f}.stats{display:flex;gap:0;margin:23px 0 34px;padding:16px 0;border-bottom:1px solid var(--line)}.stat{flex:1;display:flex;gap:12px;align-items:center;border-right:1px solid var(--line);padding-left:25px}.stat:first-child{padding-left:0}.stat:last-child{border:0}.stat strong{font:500 25px 'Noto Serif',Georgia}.stat span{color:#4d604f;font-size:13px;line-height:1.7}.section-head{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:30px 0 19px}.section-head h2{margin:0}.section-head small{color:#4d604f}.filters{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:24px}.chip{border:1px solid var(--line);border-radius:22px;padding:8px 14px;background:#fff;font-size:14px;color:#4d604f}.chip.selected{background:var(--ink);border-color:var(--ink);color:#fff}.search{margin-left:auto;max-width:230px;position:relative}.search input{padding:10px 13px;width:100%;background:#fff;border:1px solid var(--line);border-radius:7px;font-size:14px}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.card{background:#fff;border:1px solid var(--line);border-radius:11px;overflow:hidden;transition:transform .2s,box-shadow .2s}.card:hover{transform:translateY(-3px);box-shadow:0 12px 25px #213d3510}.cover{height:158px;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#e5ecdf;color:#3e6347}.cover:after{content:'';width:220px;height:220px;border:1px solid currentColor;opacity:.12;position:absolute;border-radius:50%;right:-50px;top:-85px;box-shadow:0 0 0 22px #ffffff30,0 0 0 45px #ffffff20}.cover-symbol{font:70px Georgia;opacity:.65;position:absolute;right:26px;bottom:14px}.cover-title{position:absolute;left:22px;top:45px;font:500 23px/1.6 'Noto Serif',Georgia;max-width:170px;z-index:1}.cover small{position:absolute;left:22px;bottom:22px;font-size:11px;letter-spacing:2px;opacity:.7}.cover.gold{background:#eee7d6;color:#8f753f}.cover.blue{background:#e2e9e9;color:#537878}.cover.rose{background:#ede2dd;color:#906755}.cover .tag{position:absolute;top:13px;right:13px;font-size:12px;background:#ffffffcf;padding:5px 8px;border-radius:4px;z-index:2}.card-body{padding:20px}.meta{font-size:12px;letter-spacing:1.4px;color:#4d604f;margin-bottom:10px}.card h3{margin-bottom:6px}.card p{font-size:14px;color:#4d604f;line-height:1.8;margin-bottom:16px}.card-foot{border-top:1px solid #edf0e8;padding-top:15px;display:flex;align-items:center;justify-content:space-between;gap:8px}.card-foot small{font-size:13px;color:#4d604f}.text-btn{background:none;border:0;padding:0;font-size:14px;font-weight:600;color:var(--ink)}.progress{height:4px;background:#e9eee4;border-radius:4px;margin-bottom:12px;overflow:hidden}.progress i{display:block;background:#6b8454;height:100%}.callout{margin-top:35px;background:#eef0e8;border:1px solid var(--line);padding:25px;border-radius:10px;display:flex;align-items:center;gap:20px}.callout .icon{font-size:27px;color:#8a9a75}.callout p{margin:4px 0 0;color:#4d604f;font-size:14px;line-height:1.8}.callout strong{font-size:13px}.callout .btn{margin-left:auto}.note{font-size:14px;color:#4d604f;line-height:1.9}.empty{padding:55px 25px;text-align:center;background:#fff;border:1px dashed #dbe2d3;border-radius:12px;grid-column:1/-1}.empty p{color:#4d604f;line-height:1.8}.page-title{margin:15px 0 10px;font-size:32px}.subtitle{color:#4d604f;font-size:16px;line-height:1.9;margin-bottom:30px}.modal-backdrop{position:fixed;inset:0;background:#102a2380;z-index:70;display:grid;place-items:center;padding:20px;backdrop-filter:blur(3px)}.modal{background:#fcfdf9;border-radius:14px;padding:30px;width:100%;max-width:520px;max-height:90vh;overflow:auto;box-shadow:0 20px 80px #0002}.modal.wide{max-width:750px}.modal-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.modal-head h2{margin:0;font-size:24px}.close{border:0;background:#edf0e7;border-radius:50%;width:30px;height:30px;font-size:20px;color:#6a7b61}.field{margin:15px 0}.field label{display:block;font-size:14px;font-weight:500;margin-bottom:7px}.field input,.field textarea,.field select{width:100%;padding:11px;border:1px solid #dce2d3;background:#fff;border-radius:6px;color:#314336}.field textarea{min-height:85px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}.form-error{color:#a14236;font-size:16px;line-height:1.8}.table-wrap{overflow:auto;background:#fff;border:1px solid var(--line);border-radius:10px}table{width:100%;border-collapse:collapse;font-size:14px}th{text-align:left;background:#eef1e7;color:#4d604f;font-weight:500;white-space:nowrap}td,th{padding:16px;border-bottom:1px solid var(--line)}td .btn{margin:3px}.pill{display:inline-block;border-radius:5px;padding:5px 8px;font-size:13px;background:#e9efdf;color:#577045}.pill.off{background:#f1e4dd;color:#9b6d51}.admin-tabs{display:flex;gap:8px;margin-bottom:23px}.admin-note{padding:15px 20px;background:#f3eddd;color:#8c784c;border-radius:8px;font-size:14px;line-height:1.8;margin:20px 0}.lesson-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:23px;margin-top:25px}.player{aspect-ratio:16/9;background:#18372e;border-radius:12px;overflow:hidden;display:grid;place-items:center;color:#d6e0c5;text-align:center;padding:20px}.player iframe{width:100%;height:100%;border:0}.player.has-video{padding:0;display:block}.player p{font-size:16px;color:#a9bba0;line-height:1.9;max-width:360px}.play-circle{width:60px;height:60px;border-radius:50%;border:1px solid #71866a;margin:0 auto 18px;display:grid;place-items:center;font-size:22px}.lesson-main h2{margin:25px 0 12px;font-size:24px}.lesson-actions{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0}.lesson-list{background:#fff;border:1px solid var(--line);border-radius:10px;overflow:hidden;align-self:start}.lesson-list h3{padding:20px;margin:0;border-bottom:1px solid var(--line);font-size:16px}.chapter{padding:14px 16px;background:#f3f5ed;font-size:13px;color:#4d604f}.lesson-item{padding:15px 16px;width:100%;text-align:left;border:0;background:#fff;border-bottom:1px solid #edf0e8;display:flex;gap:10px;color:#4d604f;font-size:14px;line-height:1.8}.lesson-item.current{background:#eaf0e1;color:#294f36}.lesson-item span{flex:1}.lesson-item small{font-size:12px;display:block;color:#4d604f}.info-box{padding:20px;border:1px solid var(--line);background:#fff;border-radius:8px;font-size:16px;line-height:1.9}.mobile-toggle{display:none}.demo-strip{font-size:13px;line-height:1.7;padding:9px 42px;background:#eee8d7;color:#8c794f;display:flex;align-items:center;justify-content:space-between;gap:15px}.demo-strip button{border:0;background:none;color:#5c6e44;font:inherit;text-decoration:underline}.account-box{max-width:650px;padding:30px;background:white;border:1px solid var(--line);border-radius:10px}#toast{display:none;position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:#1d4438;color:#fff;padding:14px 22px;border-radius:8px;z-index:100;font-size:16px;max-width:90vw;line-height:1.7}.bottom-footer{display:flex;justify-content:space-between;border-top:1px solid var(--line);margin-top:40px;padding-top:20px;font-size:13px;color:#4d604f}.help-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.help-grid h3{font-size:16px}.help-grid p{margin:0}.btn-row{display:flex;gap:10px;flex-wrap:wrap}.danger-zone{margin-top:25px}.check-label{display:flex!important;align-items:center;gap:8px}.check-label input{width:auto}.data-label{font-size:13px;color:#a18555;margin-top:10px}
@media(min-width:1500px){.hero{min-height:340px}.cover{height:185px}.content{padding-top:40px}}
@media(max-width:1150px){.shell{grid-template-columns:250px 1fr}.sidebar{width:250px;padding:25px 13px}.brand strong{font-size:18px}.content{padding:25px}.topbar{padding:0 25px}.hero{padding:30px}.hero h1{font-size:29px}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.lesson-layout{grid-template-columns:1fr}.hero-art{transform:scale(.8)}.demo-strip{padding:9px 25px}.stat{padding-left:15px}.stat span{font-size:12px}}
@media(max-width:700px){.shell{display:block}.sidebar{transform:translateX(-100%);transition:transform .2s;width:280px;box-shadow:10px 0 50px #0002}.sidebar.open{transform:translateX(0)}.main{width:100%}.mobile-toggle{display:block;border:0;background:transparent;font-size:23px;color:var(--ink)}.topbar{height:70px;padding:0 16px}.crumb{display:none}.content{padding:20px 16px}.top-actions{gap:8px}.top-actions .user-name{display:none}.hero{grid-template-columns:1fr;padding:27px;min-height:0}.hero h1{font-size:30px}.hero-art{display:none}.hero-note{display:none}.hero p{font-size:16px}.hero-buttons{flex-wrap:wrap}.stats{gap:10px;margin-bottom:25px;padding:17px 0}.stat{padding-left:10px;gap:6px;align-items:flex-start;flex-direction:column}.stat strong{font-size:22px}.grid{gap:15px;grid-template-columns:1fr}.cover{height:185px}.cover-title{font-size:26px;top:48px;max-width:220px}.cover-symbol{font-size:90px}.section-head h2{font-size:23px}.section-head small{font-size:12px}.search{width:100%;max-width:none;margin-top:7px}.filters{gap:7px}.chip{font-size:13px;padding:8px 12px}.callout{align-items:flex-start;flex-wrap:wrap;padding:20px}.callout .btn{margin-left:0}.form-row,.help-grid{grid-template-columns:1fr}.modal{padding:23px}.demo-strip{padding:8px 16px;font-size:12px}.demo-strip span{max-width:68%}.lesson-main h2{font-size:21px}.bottom-footer{gap:15px;line-height:1.8}.page-title{font-size:29px}.lesson-actions .btn{flex:1}.badge{font-size:12px}.hero .eyebrow{font-size:12px}.admin-tabs{flex-wrap:wrap}.top-actions .btn{padding:9px 12px}}

/* Logo thương hiệu với nền trong suốt. */
.brand-mark{background:transparent;flex:0 0 44px}.brand-mark img{display:block;width:44px;height:44px;object-fit:contain}.orb .hero-logo{width:190px;height:190px;object-fit:contain;transform:rotate(12deg);position:relative;z-index:1}
.brand small{font-size:11px;letter-spacing:1px;white-space:nowrap}

/* Cỡ chữ và tương phản dễ đọc trên cả máy tính, điện thoại. */
body{line-height:1.65}.nav{font-size:16px;color:#354e3d}.brand small{font-size:11px;letter-spacing:.5px;color:#4d604f}.btn{font-weight:600;min-height:44px}.btn.small{min-height:38px}.chip{font-weight:500;min-height:40px}.card p,.hero p,.subtitle,.info-box{line-height:1.85}.field label{color:#354e3d}.card h3{color:#203e30}.user-name{font-size:14px!important}.lesson-list h3 span{color:#4d604f!important}.lesson-item{color:#3d553f}.text-btn{font-weight:600;min-height:32px}.stat span{font-size:13px}.search{max-width:260px}.search input{font-size:14px;min-height:44px}.filters{row-gap:12px}.cover-title{font-weight:600}.quote{color:#435b40}.eyebrow,.nav-label{font-weight:600}.bottom-footer{font-size:13px}.section-head small{font-size:13px}.note{font-size:14px;color:#4d604f}.card-foot small{font-size:13px;color:#4d604f}.modal .field input,.modal .field textarea,.modal .field select{font-size:16px}
@media(max-width:1150px){.hero h1{font-size:32px}.brand strong{font-size:18px}.brand small{font-size:10px;letter-spacing:0}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.grid{grid-template-columns:1fr}.hero h1{font-size:28px;letter-spacing:-.6px}.hero p{font-size:16px}.hero{padding:24px}.badge{font-size:12px}.chip{font-size:14px}.demo-strip{font-size:12px;align-items:flex-start}.demo-strip span{max-width:65%}.stat span{font-size:12px}.stats{gap:4px}.stat{padding-left:8px}.topbar{padding:0 12px}.top-actions{gap:7px}.top-actions .btn{font-size:14px}.bottom-footer{font-size:13px}.search{max-width:none}.hero-buttons .btn{font-size:14px}.sidebar.open{overflow:auto}.side-bottom{padding-top:25px}}
@media(max-height:850px){.sidebar{overflow-y:auto}.side-bottom{padding-top:25px}}

.phone-link{font-weight:600;color:var(--ink);white-space:nowrap;text-decoration:underline;text-underline-offset:3px}

.cover-symbol.hexagram-tai{width:60px;height:66px;display:flex;flex-direction:column;justify-content:space-between}.hexagram-tai i{display:block;width:100%;height:6px;background:currentColor;flex:none}

.hexagram-tai i:nth-child(-n+3){background:linear-gradient(to right,currentColor 0 43%,transparent 43% 57%,currentColor 57% 100%)}

.cover-symbol.course-logo{width:76px;height:76px;object-fit:contain;opacity:1;right:16px;bottom:12px}

.cover-symbol.course-logo.battu-logo{width:90px;height:90px;mix-blend-mode:multiply;right:16px;bottom:12px}

.cover-symbol.course-logo.batmon-logo{width:76px;height:105px;mix-blend-mode:multiply}.cover-symbol.course-logo.battrach-logo{width:82px;height:82px;border-radius:50%;mix-blend-mode:multiply}

.cover-symbol.course-logo.amtrach-logo{width:82px;height:82px;object-fit:contain;opacity:1}

.cover-symbol.course-logo.huyenkhong-logo{width:90px;height:103px;object-fit:contain;mix-blend-mode:multiply;clip-path:inset(0 1.5% 0 0)}

.sidebar{overflow-y:auto}.quote{font-style:italic;line-height:1.7}.quote-phone{font:inherit;font-weight:600;text-decoration:underline;text-underline-offset:3px;white-space:nowrap}