/* Nâng Trần Thu Nhập: trang bán, đăng ký, đơn. Bảng màu brand-style mục 15 (Quỳnh chốt 16/10/2026):
   nền Abyssal #1B2632, khối Blue Fantastic #2C3B4D, chữ Palladian #EEE9DF, phụ Oatmeal #C9C1B1,
   nhấn Burning Flame #FFB162 (nút chính, chữ trên nút là màu nền), cảnh báo Truffle #A35139.
   Luật: tối đa một nút vàng mỗi khung nhìn. Playfair italic một cụm mỗi màn. Số: IBM Plex Mono. */
:root{
  --nen:#1B2632; --khoi:#2C3B4D; --chu:#EEE9DF; --phu:#C9C1B1; --nhan:#FFB162; --canh:#A35139;
  --nen-sau:color-mix(in srgb,#1B2632 82%,#000);
  --ke:rgba(238,233,223,.14); --ke-dam:rgba(238,233,223,.28);
  --nhan-nhat:rgba(255,177,98,.14);
  --f:'Be Vietnam Pro',system-ui,-apple-system,'Segoe UI',sans-serif;
  --f-nhan:'Playfair Display',Georgia,serif;
  --f-so:'IBM Plex Mono',ui-monospace,SFMono-Regular,Menlo,monospace;
  --bo:12px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--nen);color:var(--chu);font-family:var(--f);font-size:17px;line-height:1.65;
  -webkit-font-smoothing:antialiased;text-wrap:pretty}
h1,h2,h3,p,ul,ol,dl,dd,figure{margin:0}
ul,ol{padding:0;list-style:none}
img{max-width:100%;height:auto;display:block}
a{color:var(--nhan);text-underline-offset:3px}
em{font-family:var(--f-nhan);font-style:italic;font-weight:500;letter-spacing:0}
strong{font-weight:600;color:var(--chu)}
.so{font-family:var(--f-so);font-variant-numeric:tabular-nums;letter-spacing:0}
[hidden]{display:none !important}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
:focus-visible{outline:2px solid var(--nhan);outline-offset:3px;border-radius:4px}
.bo-qua{position:absolute;left:-9999px;top:8px;z-index:100;background:var(--nhan);color:var(--nen);padding:10px 14px;border-radius:8px;font-weight:600}
.bo-qua:focus{left:12px}

.khung{width:100%;max-width:1200px;margin:0 auto;padding-inline:clamp(16px,4vw,48px)}
.khung-doc{max-width:760px}
.khung.khung-doc{max-width:1200px}
.khung.khung-doc > *{max-width:760px}

/* Chế độ bán: phần tử data-khi="open interest ..." chỉ hiện ở các chế độ ghi trong thuộc tính */
html[data-che-do="open"] [data-khi]:not([data-khi~="open"]),
html[data-che-do="interest"] [data-khi]:not([data-khi~="interest"]),
html[data-che-do="closed"] [data-khi]:not([data-khi~="closed"]),
html[data-che-do="preview"] [data-khi]:not([data-khi~="preview"]){display:none !important}

/* Nút */
.nut{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:52px;padding:0 24px;border-radius:10px;
  font:600 16px/1.2 var(--f);text-decoration:none;cursor:pointer;border:1px solid transparent;transition:background .2s,border-color .2s,transform .2s}
.nut-chinh{background:var(--nhan);color:var(--nen)}
.nut-chinh:hover{background:#ffc185;transform:translateY(-1px)}
.nut-vien{background:transparent;color:var(--chu);border-color:var(--ke-dam)}
.nut-vien:hover{border-color:var(--chu);background:rgba(238,233,223,.06)}
.nut-nho{min-height:40px;padding:0 16px;font-size:14px}
.nut-rong{width:100%}
.nut[disabled],.nut[aria-busy="true"]{opacity:.65;cursor:progress;transform:none}

/* Đầu trang */
.dau{position:sticky;top:0;z-index:30;background:rgba(27,38,50,.92);backdrop-filter:saturate(140%) blur(10px);-webkit-backdrop-filter:saturate(140%) blur(10px);border-bottom:1px solid var(--ke)}
.dau-trong{display:flex;align-items:center;gap:20px;min-height:64px}
.dau-logo{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--chu);flex:none}
.dau-logo img{height:18px;width:auto}
.dau-gach{width:1px;height:20px;background:var(--ke-dam)}
.dau-ten{font-size:11px;font-weight:600;letter-spacing:.14em}
.dau-nav{display:none;gap:4px;margin-left:auto}
.dau-nav a{color:var(--phu);text-decoration:none;font-size:14px;padding:8px 10px;border-radius:8px}
.dau-nav a:hover{color:var(--chu);background:rgba(238,233,223,.06)}
.dau-cta{margin-left:auto}
@media (min-width:1024px){.dau-nav{display:flex}.dau-cta{margin-left:8px}}
@media (max-width:479px){.dau-ten{display:none}.dau-gach{display:none}}
.dau-cta{white-space:nowrap}

/* Chung khối */
.khoi{padding-block:clamp(64px,10vw,120px)}
section[id],form[id]{scroll-margin-top:72px}
.khoi-sau{background:var(--nen-sau)}
.mat-chi{font:500 12px/1.4 var(--f-so);letter-spacing:.16em;text-transform:uppercase;color:var(--nhan);margin-bottom:16px}
h2{font-size:clamp(28px,4.2vw,46px);line-height:1.18;font-weight:600;letter-spacing:-.02em;text-wrap:balance;margin-bottom:20px}
h3{font-size:20px;line-height:1.35;font-weight:600;text-wrap:balance}
.dan{font-size:clamp(18px,1.6vw,20px);line-height:1.6;color:var(--chu);margin-bottom:16px}
.khoi p+p{margin-top:14px}
.phu,.ghi-chu{color:var(--phu);font-size:16px}
.cau-chot{margin-top:40px;font-size:clamp(19px,2vw,22px);line-height:1.5;color:var(--chu)}

/* S01 Hero */
.hero{padding-block:clamp(40px,7vw,96px) clamp(56px,8vw,104px);overflow:hidden}
.hero-luoi{display:grid;gap:40px;align-items:center}
@media (min-width:980px){.hero-luoi{grid-template-columns:1.05fr .95fr;gap:56px}}
.hero-h1{font-size:clamp(42px,7.6vw,88px);line-height:.98;font-weight:700;letter-spacing:-.03em;margin:4px 0 24px}
.hero-dan{font-size:clamp(21px,2.4vw,28px);line-height:1.35;font-weight:500;margin-bottom:18px;max-width:30ch}
.hero-dan em{color:var(--nhan)}
.hero-mo-ta{color:var(--phu);max-width:58ch;margin-bottom:24px}
.hero-dai{display:flex;flex-wrap:wrap;gap:8px 20px;margin-bottom:22px;font-size:15px;color:var(--chu)}
.hero-dai li{display:flex;align-items:center;gap:8px}
.hero-dai li::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--nhan);flex:none}
.hero-lich{display:flex;flex-wrap:wrap;gap:4px 16px;font-size:14px;color:var(--phu);margin-bottom:28px;padding-left:12px;border-left:2px solid var(--nhan)}
.hero-nut{display:flex;flex-wrap:wrap;gap:12px}
@media (max-width:479px){.hero-nut .nut{width:100%}}

/* Hình trần (điểm nhận diện) */
.tran{position:relative;border:1px solid var(--ke);border-radius:16px;background:linear-gradient(180deg,rgba(44,59,77,.55),rgba(44,59,77,.15));padding:12px 12px 18px}
.tran-ve{width:100%;height:auto;display:block;overflow:visible}
.tran figcaption{font-size:14px;line-height:1.55;color:var(--phu);padding:4px 10px 0}
.tran figcaption strong{color:var(--nhan);font-weight:600}
.tran-cu line{stroke:var(--phu);stroke-width:1.25;stroke-dasharray:6 6;opacity:.7}
.tran-cu text,.tran-moi text{font:500 11px var(--f-so);letter-spacing:.14em;fill:var(--phu)}
.tran-moi{opacity:0;transform:translateY(80px);transition:opacity .9s ease 1.5s,transform 1.4s cubic-bezier(.2,.7,.2,1) 1.5s}
.tran-moi line{stroke:var(--nhan);stroke-width:1.5}
.tran-moi text{fill:var(--nhan)}
.noi-roi{fill:none;stroke:var(--phu);stroke-width:1;stroke-dasharray:3 5;opacity:.45;transition:opacity .6s ease}
.noi-xep{fill:none;stroke:var(--nhan);stroke-width:1.25;opacity:.75;stroke-dasharray:900;stroke-dashoffset:900;transition:stroke-dashoffset 1.4s ease .5s}
.phuong-an{opacity:0;transition:opacity .7s ease 1s}
.phuong-an rect{fill:var(--khoi);stroke:var(--nhan);stroke-width:1.25}
.phuong-an .pa-1{font:600 13px var(--f);letter-spacing:.14em;fill:var(--chu)}
.phuong-an .pa-2{font:400 11px var(--f);fill:var(--phu)}
.nut-nl{transform:translate(var(--x0),var(--y0));transition:transform 1.2s cubic-bezier(.2,.7,.2,1)}
.nut-nl circle{fill:var(--nen);stroke:var(--chu);stroke-width:1.5}
.nut-nl text{font:500 12px var(--f);fill:var(--chu)}
.tran.da-xep .nut-nl{transform:translate(var(--x1),var(--y1))}
.tran.da-xep .nut-nl circle{stroke:var(--nhan)}
.tran.da-xep .noi-roi{opacity:0}
.tran.da-xep .noi-xep{stroke-dashoffset:0}
.tran.da-xep .phuong-an{opacity:1}
.tran.da-xep .tran-moi{opacity:1;transform:none}
.tran.da-xep .tran-cu{opacity:.55}
.noi-xep-m{display:none}
@media (max-width:640px){
  .noi-xep:not(.noi-xep-m){display:none}
  .noi-xep-m{display:inline}
  .tran.da-xep .nut-nl{transform:translate(var(--x2),var(--y2))}
  .nut-nl text{font-size:19px}
  .nut-nl circle{r:9px}
  .tran-cu text,.tran-moi text{font-size:17px}
  .phuong-an .pa-1{font-size:20px}
  .phuong-an .pa-2{font-size:15px}
}

/* S02 */
.mat-xich{display:grid;gap:0;margin-top:48px;border-top:1px solid var(--ke)}
.mat-xich li{display:grid;grid-template-columns:44px 1fr;gap:4px 18px;padding:24px 0;border-bottom:1px solid var(--ke)}
.mat-xich .ic{grid-row:span 2;width:40px;height:40px;padding:9px;border-radius:50%;background:var(--nhan-nhat);fill:none;stroke:var(--nhan);stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}
.mat-xich p{color:var(--phu)}
@media (min-width:900px){
  .mat-xich{grid-template-columns:repeat(3,1fr);border-top:0;gap:32px}
  .mat-xich li{grid-template-columns:1fr;border-bottom:0;border-top:1px solid var(--ke-dam);padding-top:28px}
  .mat-xich .ic{grid-row:auto;margin-bottom:10px}
}

/* S03 chặng */
.chang{display:grid;grid-template-columns:1fr;gap:0;margin:44px 0 20px;position:relative}
.chang li{display:flex;align-items:center;gap:14px;padding:12px 0;font-weight:600;font-size:18px;position:relative}
.chang .so{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;border:1px solid var(--ke-dam);color:var(--nhan);font-size:14px;background:var(--nen-sau);position:relative;z-index:1}
.chang::before{content:"";position:absolute;left:18px;top:30px;bottom:30px;width:1px;background:linear-gradient(var(--nhan),var(--ke-dam))}
@media (min-width:900px){
  .chang{grid-template-columns:repeat(6,1fr)}
  .chang li{flex-direction:column;align-items:flex-start;gap:12px;font-size:16px}
  .chang::before{left:18px;right:calc(100%/6 - 18px);top:18px;bottom:auto;width:auto;height:1px;background:linear-gradient(90deg,var(--nhan),var(--ke-dam))}
}

/* Tabs */
.the-tab{margin-top:36px;border:1px solid var(--ke);border-radius:16px;background:rgba(44,59,77,.35);overflow:hidden}
.tab-hang{display:flex;border-bottom:1px solid var(--ke);overflow-x:auto;scrollbar-width:none}
.tab-hang button{flex:1 1 0;min-width:0;min-height:56px;padding:12px 16px;background:none;border:0;border-bottom:2px solid transparent;color:var(--phu);font:600 15px/1.3 var(--f);cursor:pointer;text-align:left}
.tab-hang button[aria-selected="true"]{color:var(--chu);border-bottom-color:var(--nhan)}
.tab-pn{padding:24px clamp(18px,3vw,32px) 28px}
.tab-pn > p:first-child{font-size:18px}
.dieu-kien{margin-top:28px;display:grid;gap:14px}
.pham-vi{padding:16px 18px;border-left:3px solid var(--canh);background:rgba(163,81,57,.12);border-radius:0 10px 10px 0;color:var(--chu);font-size:16px}
@media (min-width:900px){.dieu-kien{grid-template-columns:1fr 1.3fr;align-items:start}}

/* S05 sáu buổi: điện thoại = accordion; máy tính = danh sách trái, chi tiết phải */
.buoi{margin-top:36px;border-top:1px solid var(--ke)}
.buoi-dau{margin:0}
.buoi-dau button{width:100%;display:grid;grid-template-columns:44px 1fr auto;align-items:center;gap:12px;padding:18px 4px;background:none;border:0;border-bottom:1px solid var(--ke);color:var(--chu);font:600 17px/1.35 var(--f);text-align:left;cursor:pointer}
.buoi-dau .so:first-child{color:var(--nhan);font-size:15px}
.buoi-ngay{color:var(--phu);font-size:13px;font-weight:400}
.buoi-dau button[aria-expanded="true"]{color:var(--chu)}
.buoi-dau button[aria-expanded="true"] .buoi-ten{color:var(--nhan)}
.buoi-pn{padding:6px 4px 26px 56px;border-bottom:1px solid var(--ke)}
.buoi-hoi{font-family:var(--f-nhan);font-style:italic;font-size:clamp(20px,2.2vw,26px);line-height:1.35;margin-bottom:14px;color:var(--chu)}
.buoi-pn > p{color:var(--phu)}
.buoi-ra{margin-top:20px;display:grid;gap:6px}
.buoi-ra dt{font:500 12px/1.4 var(--f-so);letter-spacing:.12em;text-transform:uppercase;color:var(--nhan);margin-top:10px}
.buoi-ra dt .so{color:var(--phu);margin-left:6px}
.buoi-ra dd{font-size:17px}
@media (min-width:980px){
  .buoi{display:grid;grid-template-columns:minmax(320px,440px) 1fr;column-gap:48px;border-top:0}
  .buoi-muc{display:contents}
  .buoi-dau{grid-column:1}
  .buoi-muc:nth-child(1) .buoi-dau{grid-row:1}.buoi-muc:nth-child(2) .buoi-dau{grid-row:2}.buoi-muc:nth-child(3) .buoi-dau{grid-row:3}
  .buoi-muc:nth-child(4) .buoi-dau{grid-row:4}.buoi-muc:nth-child(5) .buoi-dau{grid-row:5}.buoi-muc:nth-child(6) .buoi-dau{grid-row:6}
  .buoi-dau button{border-bottom:1px solid var(--ke);padding:18px 14px;border-radius:0}
  .buoi-dau button[aria-expanded="true"]{background:rgba(44,59,77,.6);box-shadow:inset 3px 0 0 var(--nhan)}
  .buoi-pn{grid-column:2;grid-row:1 / span 6;align-self:start;padding:28px 32px 32px;border:1px solid var(--ke);border-radius:16px;background:rgba(44,59,77,.45)}
}

/* S06 */
.hai-truc{display:grid;gap:36px;margin-top:40px}
.hai-truc h3{margin-bottom:12px;padding-top:18px;border-top:1px solid var(--ke-dam)}
.hai-truc p{color:var(--phu)}
.nhan-hang{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.nhan-hang li{padding:7px 14px;border:1px solid var(--ke-dam);border-radius:999px;font-size:15px}
.danh-sach li{padding:9px 0 9px 22px;position:relative;border-bottom:1px solid var(--ke)}
.danh-sach li::before{content:"";position:absolute;left:2px;top:19px;width:8px;height:1.5px;background:var(--nhan)}
@media (min-width:900px){.hai-truc{grid-template-columns:1fr 1fr;gap:56px}}

/* S07 ví dụ */
.nhan-gia-dinh{display:inline-block;font:500 12px/1 var(--f-so);letter-spacing:.12em;text-transform:uppercase;color:var(--nen);background:var(--phu);padding:7px 10px;border-radius:6px;margin-bottom:16px}
.so-sanh{width:100%;border-collapse:collapse;margin:4px 0 18px;font-size:16px}
.so-sanh th,.so-sanh td{padding:12px 8px;border-bottom:1px solid var(--ke);text-align:left;vertical-align:top}
.so-sanh thead th{font:500 12px/1.3 var(--f-so);letter-spacing:.1em;text-transform:uppercase;color:var(--phu)}
.so-sanh tbody th{font-weight:500}
.so-sanh td:last-child{color:var(--nhan)}
.so-sanh td.so{white-space:nowrap}
.cau-hoi-kiem{margin-top:28px;font-size:18px;color:var(--chu);padding-left:16px;border-left:2px solid var(--nhan)}

/* S08 */
.sp-luoi{display:grid;gap:40px}
@media (min-width:980px){.sp-luoi{grid-template-columns:1.1fr .9fr;gap:64px;align-items:center}}
.ho-so{display:grid;gap:0;counter-reset:hs}
.ho-so li{display:flex;align-items:center;gap:16px;padding:16px 18px;background:var(--khoi);border:1px solid var(--ke);border-radius:12px;margin-top:-6px;box-shadow:0 -10px 24px -18px rgba(0,0,0,.8);font-weight:500}
.ho-so li:first-child{margin-top:0}
.ho-so li:nth-child(odd){margin-left:0}.ho-so li:nth-child(even){margin-left:14px}
.ho-so .so{color:var(--nhan);font-size:13px;min-width:34px}

/* S10 */
.dd-luoi{display:grid;gap:32px;align-items:center}
@media (min-width:900px){.dd-luoi{grid-template-columns:.8fr 1.2fr;gap:64px}}
.dd-anh img{width:100%;aspect-ratio:4/5;object-fit:cover;object-position:50% 40%;border-radius:16px}
.dd-vai{font-size:clamp(18px,1.8vw,21px);color:var(--phu);margin-bottom:20px}

/* S11 */
.lich-luoi{display:grid;gap:32px;margin-top:36px}
@media (min-width:900px){.lich-luoi{grid-template-columns:.9fr 1.1fr;gap:56px}}
.lich-ngay{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
.lich-ngay li{padding:14px 16px;border:1px solid var(--ke);border-radius:12px;background:rgba(44,59,77,.4);color:var(--phu);font-size:14px}
.lich-ngay .so{display:block;color:var(--chu);font-size:17px;margin-bottom:2px}
@media (min-width:600px){.lich-ngay{grid-template-columns:repeat(3,1fr)}}
.cach-hoc li{padding:14px 0;border-bottom:1px solid var(--ke);color:var(--phu)}
.cach-hoc strong{color:var(--chu)}

/* S12 học phí */
.hp-luoi{display:grid;gap:36px;align-items:start}
@media (min-width:980px){.hp-luoi{grid-template-columns:1fr 1fr;gap:64px}}
.gioi-han{margin-top:20px;color:var(--phu);font-size:15px;padding:14px 16px;border:1px solid var(--ke);border-radius:10px}
.the-gia{padding:clamp(22px,3vw,34px);border:1px solid var(--ke-dam);border-radius:18px;background:var(--khoi)}
.gia-nhan{font:500 12px/1.4 var(--f-so);letter-spacing:.14em;text-transform:uppercase;color:var(--phu)}
.gia{font-size:clamp(40px,5vw,56px);line-height:1.1;font-weight:500;color:var(--chu);margin:8px 0 6px}
.gia-thue{color:var(--phu);font-size:15px;margin-bottom:20px}
.quyen-loi{margin:0 0 24px;border-top:1px solid var(--ke)}
.quyen-loi li{padding:12px 0 12px 28px;border-bottom:1px solid var(--ke);position:relative;font-size:16px}
.quyen-loi li::before{content:"";position:absolute;left:2px;top:19px;width:12px;height:7px;border-left:2px solid var(--nhan);border-bottom:2px solid var(--nhan);transform:rotate(-45deg)}
.chinh-sach{margin-top:18px;font-size:15px;color:var(--chu)}
.thanh-toan-cach{margin-top:8px;font-size:14px;color:var(--phu)}

/* Form */
.the-form{padding:clamp(22px,3vw,32px);border:1px solid var(--ke-dam);border-radius:18px;background:var(--khoi);display:grid;gap:16px}
.the-form h3{font-size:20px}
.o{display:grid;gap:6px;border:0;padding:0;margin:0;min-width:0}
.o label,.o legend{font-size:14px;font-weight:500;color:var(--chu);padding:0}
.tuy{color:var(--phu);font-weight:400}
.o input,.o textarea,.o select{width:100%;min-height:48px;padding:12px 14px;border-radius:10px;border:1px solid var(--ke-dam);background:var(--nen);color:var(--chu);font:400 16px/1.4 var(--f)}
.o textarea{min-height:96px;resize:vertical}
.o input:focus,.o textarea:focus{outline:2px solid var(--nhan);outline-offset:1px;border-color:transparent}
.o input[aria-invalid="true"],.o textarea[aria-invalid="true"]{border-color:#e08a6f}
.loi-o{color:#f0a48c;font-size:14px}
.chon{display:flex;gap:10px;align-items:flex-start;font-size:15px;line-height:1.5;color:var(--chu);cursor:pointer;padding:4px 0}
.chon input{width:20px;height:20px;margin:2px 0 0;flex:none;accent-color:var(--nhan)}
.dong-y{color:var(--chu)}
.bay{position:absolute !important;left:-10000px !important;width:1px;height:1px;opacity:0}
.loi-form{padding:12px 14px;border-radius:10px;background:rgba(163,81,57,.22);border:1px solid rgba(224,138,111,.5);color:var(--chu);font-size:15px}
.xong{padding:14px 16px;border-radius:10px;background:var(--nhan-nhat);border:1px solid rgba(255,177,98,.4);color:var(--chu)}
.o-hai{display:grid;gap:16px}
@media (min-width:640px){.o-hai{grid-template-columns:1fr 1fr}}

/* S13 */
.hoi{margin-top:28px;border-top:1px solid var(--ke)}
.hoi details{border-bottom:1px solid var(--ke)}
.hoi summary{list-style:none;cursor:pointer;padding:20px 40px 20px 0;font-weight:600;font-size:17px;position:relative}
.hoi summary::-webkit-details-marker{display:none}
.hoi summary::after{content:"";position:absolute;right:8px;top:28px;width:10px;height:10px;border-right:1.75px solid var(--nhan);border-bottom:1.75px solid var(--nhan);transform:rotate(45deg);transition:transform .2s}
.hoi details[open] summary::after{transform:rotate(-135deg);top:32px}
.hoi details p{padding:0 0 22px;color:var(--phu)}

/* S14 */
.ket .khung{display:grid;gap:48px}
@media (min-width:980px){.ket .khung{grid-template-columns:1fr 1fr;align-items:start;gap:64px}}
.ket h2{font-size:clamp(30px,4.6vw,52px)}

/* Chân trang */
.chan{background:var(--nen-sau);border-top:1px solid var(--ke);color:var(--phu);font-size:14px;padding:40px 0 112px}
.chan-trong{display:grid;gap:24px}
@media (min-width:900px){.chan-trong{grid-template-columns:1.2fr 1fr;align-items:end}.chan{padding-bottom:48px}}
.chan address{font-style:normal;display:grid;gap:4px;margin-top:12px}
.chan a{color:var(--chu)}
.chan-dtv{display:flex;align-items:center;gap:10px}
.chan-dtv img{height:16px;width:auto}
.chan-luu-y{margin-top:10px}

/* Thanh dưới (điện thoại) */
.thanh-duoi{position:fixed;left:0;right:0;bottom:0;z-index:40;padding:10px 12px calc(10px + env(safe-area-inset-bottom));background:rgba(27,38,50,.96);border-top:1px solid var(--ke);display:flex;transform:translateY(110%);transition:transform .25s ease}
.thanh-duoi.hien{transform:none}
.thanh-duoi .nut{flex:1}
@media (min-width:980px){.thanh-duoi{display:none !important}}

/* Trang đăng ký, trang đơn */
.trang-hep{padding-block:clamp(28px,5vw,64px) 96px}
.dk-luoi{display:grid;gap:28px;align-items:start}
@media (min-width:980px){.dk-luoi{grid-template-columns:1.25fr .75fr;gap:48px}}
.tom-tat{padding:24px;border:1px solid var(--ke);border-radius:16px;background:rgba(44,59,77,.45);display:grid;gap:12px;font-size:15px}
.tom-tat h2{font-size:20px;margin:0}
.tom-tat dl{display:grid;grid-template-columns:auto 1fr;gap:8px 16px}
.tom-tat dt{color:var(--phu)}
.tom-tat dd{text-align:right}
@media (min-width:980px){.tom-tat{position:sticky;top:88px}}
.mo-them{border-top:1px solid var(--ke);padding-top:14px;display:grid;gap:14px}
.buoc{display:flex;gap:0;margin:8px 0 28px;font-size:13px}
.buoc li{flex:1;padding:10px 0 0;border-top:2px solid var(--ke-dam);color:var(--phu);display:flex;gap:8px;align-items:flex-start}
.buoc li+li{margin-left:6px}
.buoc li[data-xong]{border-top-color:var(--nhan);color:var(--chu)}
.buoc li[data-dang]{border-top-color:var(--chu);color:var(--chu)}
.don-the{padding:clamp(20px,3vw,32px);border:1px solid var(--ke-dam);border-radius:18px;background:var(--khoi)}
.ck{display:grid;gap:20px;align-items:start}
@media (min-width:720px){.ck{grid-template-columns:220px 1fr}}
.ck-qr{background:#fff;border-radius:12px;padding:10px;width:100%;max-width:240px}
.ck-qr img{width:100%;height:auto}
.ck-dong{display:grid;grid-template-columns:1fr auto;gap:4px 12px;align-items:center;padding:12px 0;border-bottom:1px solid var(--ke)}
.ck-dong .nhan{grid-column:1 / -1;font-size:13px;color:var(--phu)}
.ck-dong .gt{font-size:18px;font-weight:600;word-break:break-all}
.chep{min-height:36px;padding:0 12px;border-radius:8px;border:1px solid var(--ke-dam);background:none;color:var(--chu);font:500 13px var(--f);cursor:pointer}
.chep[data-da]{border-color:var(--nhan);color:var(--nhan)}
.trang-thai{display:flex;gap:12px;align-items:flex-start;padding:16px 18px;border-radius:12px;background:rgba(238,233,223,.06);border:1px solid var(--ke);margin-bottom:20px}
.trang-thai.tot{background:var(--nhan-nhat);border-color:rgba(255,177,98,.45)}
.trang-thai.can{background:rgba(163,81,57,.18);border-color:rgba(224,138,111,.5)}
.cho-quay{width:18px;height:18px;border-radius:50%;border:2px solid var(--ke-dam);border-top-color:var(--nhan);animation:quay 1s linear infinite;flex:none;margin-top:3px}
@keyframes quay{to{transform:rotate(360deg)}}
.nhan-thu{display:inline-block;font:500 11px/1 var(--f-so);letter-spacing:.12em;text-transform:uppercase;background:var(--canh);color:var(--chu);padding:6px 8px;border-radius:6px;margin-left:8px;vertical-align:middle}
.dieu-khoan h2{font-size:24px;margin:40px 0 12px}
.dieu-khoan p,.dieu-khoan li{color:var(--phu);margin-bottom:10px}
.dieu-khoan ul{list-style:disc;padding-left:22px}

@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{transition-duration:.01ms !important;transition-delay:0s !important;animation-duration:.01ms !important;animation-iteration-count:1 !important}
}

/* Mạch theo trang Tâm Thức (17/10): "Có phải bạn đang", băn khoăn, đăng ký và chuyển khoản tại khối học phí */
.co-phai{margin-top:28px;display:grid;gap:12px}
.co-phai li{position:relative;padding:16px 18px 16px 52px;border:1px solid var(--ke);border-radius:12px;background:rgba(44,59,77,.4);font-size:17px}
.co-phai li::before{content:"";position:absolute;left:18px;top:19px;width:20px;height:20px;border-radius:6px;border:1.5px solid var(--nhan)}
.co-phai li::after{content:"";position:absolute;left:24px;top:23px;width:8px;height:5px;border-left:2px solid var(--nhan);border-bottom:2px solid var(--nhan);transform:rotate(-45deg)}
.ban-khoan{display:grid;gap:16px;margin-top:32px}
.ban-khoan > div{padding:22px;border:1px solid var(--ke);border-radius:14px;background:rgba(44,59,77,.35)}
.ban-khoan h3{font-family:var(--f-nhan);font-style:italic;font-weight:500;font-size:20px;margin-bottom:10px}
.ban-khoan p{color:var(--phu);font-size:16px}
@media (min-width:900px){.ban-khoan{grid-template-columns:1fr 1fr}}
.hp-luoi{margin-top:36px}
@media (min-width:980px){.hp-luoi{grid-template-columns:.9fr 1.1fr}}
.sau-dk{counter-reset:sdk;margin:10px 0 18px;display:grid;gap:10px}
.sau-dk li{counter-increment:sdk;position:relative;padding-left:36px;font-size:15px;color:var(--chu)}
.sau-dk li::before{content:counter(sdk);position:absolute;left:0;top:0;width:24px;height:24px;border-radius:50%;border:1px solid var(--ke-dam);display:grid;place-items:center;font:500 12px var(--f-so);color:var(--nhan)}
.tuy-chon{border-top:1px solid var(--ke);border-bottom:1px solid var(--ke);padding:4px 0}
.tuy-chon summary{cursor:pointer;padding:12px 0;font-size:15px;color:var(--phu);list-style:none}
.tuy-chon summary::-webkit-details-marker{display:none}
.tuy-chon summary::before{content:"+ ";color:var(--nhan);font-weight:600}
.tuy-chon[open] summary::before{content:"− "}
.tuy-chon[open]{display:grid;gap:14px;padding-bottom:16px}
.lien-he-nho{font-size:14px;color:var(--phu);text-align:center}
.lien-he-nho a{color:var(--chu)}
.nut-chu{background:none;border:0;padding:0;font:inherit;color:var(--nhan);text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.buoc-2 .buoc{margin:0 0 4px}
.buoc-2 .trang-thai{margin-bottom:4px}
.buoc-2 .ck{grid-template-columns:1fr}
@media (min-width:560px){.buoc-2 .ck{grid-template-columns:200px 1fr}}
.the-form h3 .so{white-space:nowrap}

/* Bẫy thu nhập trung bình (17/10): bốn mắt xích, ba hướng bứt phá */
@media (min-width:900px){.mat-xich.mat-xich-4{grid-template-columns:repeat(4,1fr);gap:28px}}
.but-pha{display:grid;gap:16px;margin-top:36px;list-style:none;padding:0}
.but-pha li{padding:24px;border:1px solid var(--ke);border-radius:16px;background:rgba(44,59,77,.4);display:flex;flex-direction:column;gap:10px}
.but-pha .bp-so{color:var(--nhan);font-size:14px;letter-spacing:.1em}
.but-pha li > p:not(.bp-so):not(.bp-buoi){color:var(--phu);font-size:16px}
.but-pha .bp-buoi{margin-top:auto;padding-top:10px;border-top:1px solid var(--ke);font:500 12px/1.4 var(--f-so);letter-spacing:.1em;text-transform:uppercase;color:var(--chu)}
@media (min-width:900px){.but-pha{grid-template-columns:repeat(3,1fr)}}