/* =====================================================================
   TRANG CHU "TRO THANH CHUYEN VIEN CHIEU CAO"
   Huong Taste: One motif. Motif = cay thuoc do chieu cao dan tuong.
   Mau va font giu theo thuong hieu Midu. Goc vuong toan trang.
   (Trang thanh toan / cam on / quan tri van dung style.css)
   ===================================================================== */
:root{
  --cham:#2A3A78;        /* xanh cham dam: nen sau, chu tren nen vang */
  --cham-2:#384B98;      /* xanh cham thuong hieu */
  --cham-3:#5466B0;
  --cham-4:#8592CC;
  --cham-5:#C3CAEA;
  --vang:#EFCA3D;        /* accent: thuoc do, nut */
  --vang-nhat:#F7E39A;
  --hong:#A82A78;        /* hong Midu (dam hon de dat tuong phan) */
  --giay:#F6F6F4;        /* nen giay */
  --giay-2:#E9E9E5;      /* buoc tong nen */
  --muc:#1C1B22;         /* chu */
  --muc-phu:#4A4B5C;     /* chu phu, van >= 7:1 tren giay */
  --le:clamp(16px,2.4vw,32px);          /* le trang, mot cap cho ca trang */
  --cach:clamp(56px,5.5vw,88px);         /* nua khoang giua hai phan */
  --s-1:clamp(48px,6.4vw,104px);        /* hien thi: so lon, gia */
  --s-2:clamp(30px,3.6vw,56px);         /* tieu de muc */
  --s-3:clamp(21px,1.9vw,28px);         /* dan: h3, cau doc */
  --s-4:18px;                           /* than chu */
  --s-5:15px;                           /* chu nho */
  --font:"Be Vietnam Pro",system-ui,-apple-system,"Segoe UI",sans-serif;
  --vao:cubic-bezier(.16,1,.3,1);
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--giay);color:var(--muc);font:400 var(--s-4)/1.6 var(--font);-webkit-font-smoothing:antialiased}
img{max-width:100%;display:block}
h1,h2,h3{margin:0;font-weight:800;letter-spacing:-.025em;line-height:1.05;text-wrap:balance}
p{margin:0 0 1em;text-wrap:pretty}
a{color:inherit}
::selection{background:var(--vang);color:var(--cham)}
:focus-visible{outline:3px solid var(--vang);outline-offset:3px}
.khung{padding-inline:var(--le);max-width:1440px;margin-inline:auto}
.lien{white-space:nowrap}
.an{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap} /* an cho trinh doc man hinh, khong phai duong ke. taste-skill-ignore */

/* ---------- MOTIF: vach thuoc ---------- */
/* Dai vach: vach dai/ngan xen ke, nhu thuoc decal dan tuong */
.vach{height:56px;background:var(--vang) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='56'%3E%3Crect width='6' height='56' fill='%232A3A78'/%3E%3Crect x='14' width='4' height='31' fill='%232A3A78'/%3E%3C/svg%3E") left top/28px 100% repeat-x}
/* Gach dau dong: mot vach ngan */
.gach{list-style:none;margin:0;padding:0}
.gach li{position:relative;padding-left:34px;margin-bottom:.7em}
.gach li::before{content:"";position:absolute;left:0;top:.72em;width:20px;height:5px;background:var(--vang)}
/* Khung anh co vach do o canh trai */
.anh-thuoc{position:relative;margin:0;padding-left:22px}
.anh-thuoc::before{content:"";position:absolute;left:0;top:0;bottom:0;width:14px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='24'%3E%3Crect width='14' height='5' fill='%23EFCA3D'/%3E%3Crect y='12' width='8' height='3' fill='%23EFCA3D'/%3E%3C/svg%3E") left top/14px 24px repeat-y}
.anh-thuoc img{width:100%;height:100%;object-fit:cover}

/* ---------- Nut ---------- */
.nut{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 28px;border:0;border-radius:0;
  background:var(--cham);color:#fff;font:700 var(--s-4) var(--font);text-decoration:none;cursor:pointer;
  transition:background .2s,color .2s,transform .2s var(--vao)}
.nut:hover{background:var(--muc)}
.nut:active{transform:translateY(1px)}
.nut-vang{background:var(--vang);color:var(--cham)}
.nut-vang:hover{background:var(--cham);color:var(--vang)}
.nut:disabled{opacity:.6;cursor:wait}

/* ---------- Thanh dau trang ---------- */
.dau{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-block:14px}
.dau .ten{font-weight:800;font-size:var(--s-4);text-decoration:none;line-height:1.25}
.dau nav{display:flex;align-items:center;gap:28px;font-size:var(--s-5)}
.dau nav a{text-decoration:none;font-weight:600}
.dau nav a:hover{text-decoration:underline;text-underline-offset:4px}
.dau .nut{min-height:44px;padding:0 20px;font-size:var(--s-5);white-space:nowrap}

/* ---------- HERO: theo mau trang Ay Zan anh Manh gui (nen dam, chu giua, the khoa hoc) ---------- */
/* Ngoai le co chu y so voi Taste: nen chuyen mau, chip bo tron, nhan nho tren tieu de. taste-skill-ignore */
.hero{background:linear-gradient(135deg,#1F2C5E 0%,#2A3A78 45%,#3B3489 100%);color:#fff;padding:clamp(40px,5vw,72px) var(--le) clamp(48px,6vw,88px)} /* taste-skill-ignore */
.hero-giua{max-width:1080px;margin:0 auto;text-align:center;display:flex;flex-direction:column;align-items:center}
.hero-vien{font-size:var(--s-5);font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--vang);margin:0 0 18px} /* taste-skill-ignore */
.hero h1{line-height:1.02;letter-spacing:-.03em;margin:0}
.hero h1 .tren{display:block;font-size:clamp(28px,3.6vw,52px);color:#fff;margin-bottom:.12em}
.hero h1 .lien{display:block;font-size:clamp(27px,6.2vw,92px);color:var(--vang);text-transform:uppercase;letter-spacing:-.02em;text-shadow:0 4px 0 #18224A} /* taste-skill-ignore */
.hero .phu{font-size:clamp(18px,1.6vw,22px);line-height:1.6;max-width:60ch;margin:24px auto 0;color:#E9ECF8}
.hero .phu b{color:var(--vang)}
.the-khoa{position:relative;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);width:100%;max-width:860px;margin-top:clamp(32px,4vw,52px);border-radius:22px;overflow:hidden;text-align:left;
  background:linear-gradient(120deg,#2E3F86 0%,#384B98 55%,#433C95 100%)} /* taste-skill-ignore */
.the-chu{padding:clamp(24px,3.4vw,40px);display:flex;flex-direction:column}
.nhan-khoa{font-size:var(--s-5);font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--vang);margin:0 0 6px}
.ten-khoa{font-size:clamp(32px,4.2vw,54px);font-weight:800;line-height:1;letter-spacing:-.03em;text-transform:uppercase;margin:0}
.mo-ta-khoa{font-size:var(--s-4);line-height:1.6;margin:18px 0 22px;color:#E9ECF8;max-width:34ch}
.mo-ta-khoa mark{background:var(--vang);color:var(--cham);padding:1px 6px;border-radius:6px;font-weight:700;white-space:nowrap}
.chip,.chip-to{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.chip{margin-top:auto}
.chip li{font-size:14px;font-weight:700;padding:6px 12px;border-radius:999px;background:rgba(255,255,255,.14);color:#fff}
.the-anh{position:relative;min-height:340px}
.the-anh img{position:absolute;bottom:0;left:50%;transform:translateX(-50%);height:100%;width:auto;max-width:none}
.bang-ten{position:absolute;right:16px;bottom:16px;left:16px;background:#fff;color:var(--muc);border-radius:10px;padding:10px 14px;font-size:13px;line-height:1.4;margin:0}
.bang-ten b{display:block;font-size:16px;color:var(--cham)}
.chip-to{justify-content:center;margin-top:28px;gap:12px}
.chip-to li{font-size:var(--s-4);padding:10px 20px;border-radius:999px;border:1.5px solid rgba(255,255,255,.35);background:rgba(255,255,255,.08)} /* taste-skill-ignore */
.chip-to b{color:var(--vang)}
.hero .hang{display:flex;flex-wrap:wrap;gap:16px 28px;align-items:center;justify-content:center;margin-top:28px}
.nut-to{min-height:60px;padding:0 40px;font-size:20px;border-radius:999px}
.lk-sang{color:#fff;font-weight:600;text-underline-offset:4px}

/* ---------- TUYEN NGON co anh nho trong dong ---------- */
.tuyen-ngon{padding-block:var(--cach)}
.tuyen-ngon p{font-size:clamp(22px,2.3vw,34px);font-weight:700;line-height:1.35;max-width:40ch;margin:0 auto;text-align:center;letter-spacing:-.01em}
.nho-anh{display:inline-block;height:.95em;width:1.4em;vertical-align:-.12em;margin:0 .12em;overflow:hidden}
.nho-anh img{width:100%;height:100%;object-fit:cover}

/* ---------- THU DOC: cho khach tu thu ---------- */
.thu{background:var(--cham);color:#fff;padding-block:var(--cach)}
.thu .luoi{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(32px,6vw,96px);align-items:start}
.thu h2{font-size:var(--s-2)}
.thu .gioi-thieu{font-size:var(--s-4);color:#E3E7F7;max-width:46ch;margin:20px 0 32px}
.thu form{display:grid;grid-template-columns:1fr 1fr;gap:16px;max-width:560px}
.thu label{display:block;font-size:var(--s-5);font-weight:700;margin-bottom:6px;color:#fff}
.thu input{width:100%;min-height:52px;padding:0 14px;border:0;border-radius:0;background:#fff;color:var(--muc);font:500 var(--s-4) var(--font)}
.thu input:focus{outline:3px solid var(--vang);outline-offset:0}
.thu .loi-nhap{grid-column:1/-1;margin:0;color:var(--vang-nhat);font-size:var(--s-5);min-height:1.4em}
.cau-doc{margin-top:28px;background:var(--giay);color:var(--muc);padding:28px 28px 24px;max-width:620px}
.cau-doc .noi{font-size:var(--s-3);font-weight:700;line-height:1.4;margin:0 0 14px;color:var(--cham)}
.cau-doc .ghi{font-size:var(--s-5);color:var(--muc-phu);margin:0}
/* cay thuoc 0-18 tuoi */
.thuoc-lon{position:relative;height:min(78vh,640px);margin-left:auto;width:min(100%,320px);background:var(--vang);color:var(--cham)}
.thuoc-lon ol{list-style:none;margin:0;padding:0;position:absolute;inset:28px 0}
.thuoc-lon li{position:absolute;left:0;right:0;height:0;border-top:0}
.thuoc-lon li::before{content:"";position:absolute;left:0;top:-3px;height:6px;width:64px;background:var(--cham)}
.thuoc-lon li.ngan::before{width:34px;height:4px;top:-2px}
.thuoc-lon li span{position:absolute;left:78px;top:-.7em;font-weight:800;font-size:var(--s-5)}
.thuoc-lon .kim-khung{position:absolute;inset:28px 0}
.kim{position:absolute;left:0;right:0;height:0;transition:bottom .9s var(--vao)}
.kim::before{content:"";position:absolute;left:0;right:0;top:-4px;height:8px;background:var(--hong)}
.kim b{position:absolute;right:12px;top:-40px;background:var(--hong);color:#fff;font-size:var(--s-5);padding:4px 10px;white-space:nowrap}

/* ---------- LO TRINH: accordion ngang ---------- */
.lo{padding-block:var(--cach)}
.lo .dau-muc{display:grid;grid-template-columns:5fr 1fr 6fr;margin-bottom:56px}
.lo h2{font-size:var(--s-2);grid-column:1}
.lo .dau-muc p{grid-column:3;font-size:var(--s-4);max-width:52ch;margin:0}
.ngan-keo{display:flex;height:540px}
.chang{position:relative;flex:1 1 0;min-width:0;overflow:hidden;color:#fff;transition:flex-grow .45s var(--vao)}
.chang:nth-child(1){background:#1F2C5E}.chang:nth-child(2){background:var(--cham)}.chang:nth-child(3){background:var(--cham-2)}
.chang:nth-child(4){background:var(--cham-3)}.chang:nth-child(5){background:#E7EAF6;color:var(--muc)}
.chang.mo{flex-grow:6}
.chang>button{all:unset;position:absolute;inset:0;cursor:pointer}
.chang>button:focus-visible{outline:3px solid var(--vang);outline-offset:-6px}
.chang .ten-doc{position:absolute;left:22px;bottom:24px;transform-origin:left bottom;transform:rotate(-90deg) translateX(-0px);
  white-space:nowrap;font-weight:800;font-size:var(--s-4);width:max-content}
.chang .ten-doc{transform:rotate(-90deg);left:46px;bottom:24px}
.chang .ruot{position:absolute;inset:0;padding:36px 40px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:auto 1fr;column-gap:40px;opacity:0;visibility:hidden;transition:opacity .35s ease .1s}
.chang.mo .ruot{opacity:1;visibility:visible}
.chang .ruot>div{grid-column:1;align-self:end}
.chang .anh-chang{grid-column:2;grid-row:1/3;width:100%;height:100%;object-fit:cover}
.chang.mo .ten-doc{opacity:0}
.chang h3{font-size:var(--s-2);max-width:14ch}
.chang .ruot p{font-size:var(--s-4);max-width:40ch;margin:0}
.chang .dieu-kien{display:inline-block;margin-top:16px;background:var(--vang);color:var(--cham);font-weight:700;font-size:var(--s-5);padding:6px 12px}

/* ---------- DAI THUOC phan doi trang ---------- */
.dai-thuoc{height:72px}

/* ---------- MANG THEO: danh sach 2 cot co anh lam gach dau dong ---------- */
.mang{padding-block:var(--cach)}
.mang .nhom{margin-bottom:96px}
.mang .nhom:last-child{margin-bottom:0}
.mang .dau-nhom{display:flex;justify-content:space-between;align-items:baseline;gap:24px;margin-bottom:40px}
.mang h2{font-size:var(--s-2)}
.mang .dem{font-size:var(--s-5);color:var(--muc-phu);white-space:nowrap}
.mon{display:grid;grid-template-columns:1fr 1fr;gap:36px 64px;list-style:none;margin:0;padding:0}
.mon li{display:grid;grid-template-columns:72px 1fr;gap:20px;align-items:start}
.mon .anh{width:72px;height:72px;object-fit:cover}
.mon .hinh{width:72px;height:72px;background:var(--cham);position:relative}
.mon .hinh::before,.mon .hinh::after{content:"";position:absolute;left:0;height:5px;background:var(--vang)}
.mon .hinh::before{top:20px;width:34px}.mon .hinh::after{top:46px;width:20px}
.mon .dong{display:flex;justify-content:space-between;gap:16px;align-items:baseline}
.mon h3{font-size:var(--s-4);letter-spacing:-.01em;line-height:1.35}
.mon .gia{font-weight:800;font-size:var(--s-4);white-space:nowrap;font-variant-numeric:tabular-nums}
.mon p{font-size:var(--s-5);color:var(--muc-phu);max-width:46ch;margin:6px 0 0}
.mon .khong-noi{display:block;margin-top:6px;font-size:var(--s-5);color:var(--hong);font-weight:600}
.mon .khong-noi s{text-decoration-thickness:2px}

.mon li.khong-anh{grid-template-columns:1fr}
.cach-noi{gap:16px}
.cach-noi li.khong-anh{display:block;background:#fff;border-radius:16px;padding:22px 24px}
.cach-noi li>div{display:flex;flex-direction:column-reverse}
.cach-noi h3{font-size:clamp(19px,1.6vw,22px);line-height:1.45;color:var(--cham)}
.cach-noi .khong-noi{margin:0 0 10px}
/* ---------- THAY: panel sau, chan dung trong khung thuoc ---------- */
.thay{padding:0 var(--le)}
.thay .panel{position:relative;background:var(--cham);color:#fff;min-height:min(100svh,860px);overflow:hidden;display:grid;grid-template-columns:58fr 42fr;gap:clamp(24px,4vw,64px);padding:clamp(28px,4vw,56px)}
.thay h2{font-size:var(--s-2);color:#fff;max-width:14ch}
.thay .chan-dung{position:absolute;left:clamp(28px,4vw,56px);bottom:0;width:min(38vw,520px);aspect-ratio:3/4;background:var(--vang);overflow:hidden}
.thay .chan-dung::before{content:"";position:absolute;right:0;top:0;bottom:0;width:70px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='70' height='40'%3E%3Crect width='70' height='6' fill='%232A3A78'/%3E%3Crect x='35' y='20' width='35' height='4' fill='%232A3A78'/%3E%3C/svg%3E") right top/70px 40px repeat-y}
.thay .chan-dung img{position:absolute;left:0;bottom:-6%;height:104%;width:auto;max-width:none}
.anh-thay-mic{margin:32px 0 0}
.anh-thay-mic img{width:100%;height:auto}
.thay .chu{grid-column:2;align-self:start;padding-top:8px}
.thay .khoi{margin-bottom:48px;max-width:36ch}
.thay h3{font-size:var(--s-3);letter-spacing:-.01em;margin-bottom:10px;line-height:1.3;color:var(--vang)}
.thay .khoi p{font-size:var(--s-4);color:#E3E7F7;margin:0}

/* ---------- KHOA HOC BANG CON SO: tuong o ---------- */
.so{padding:var(--cach) 8px 0}
.so .luoi{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.o{aspect-ratio:1;position:relative;display:flex;align-items:center;justify-content:center;text-align:center;overflow:hidden}
.o .lon{font-size:var(--s-1);font-weight:800;letter-spacing:-.04em;line-height:1}
.o .lon small{font-size:.38em;letter-spacing:-.01em}
.o .nhan{position:absolute;left:12px;right:12px;bottom:18px;font-size:var(--s-5);font-weight:600;line-height:1.35}
.o.t1{background:var(--cham);color:#fff}.o.t2{background:var(--vang);color:var(--cham)}
.o.t3{background:var(--giay-2);color:var(--muc)}.o.t4{background:var(--cham-2);color:#fff}
.o.dau-o{flex-direction:column;align-items:flex-start;justify-content:space-between;padding:24px}
.o.dau-o p{font-size:var(--s-4);max-width:34ch;margin:0;text-align:left}
.o.dau-o h2{font-size:var(--s-2);padding:0 24px;line-height:1.1;text-align:left;align-self:flex-start;margin-top:24px;margin-right:auto}
.o img,.o video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.o .nen-chu{left:0;right:auto;bottom:0;background:var(--cham);color:#fff;padding:8px 14px}
.o.dau-o{grid-column:span 2;aspect-ratio:auto}

/* ---------- DAI BAM: ca dai la mot lien ket ---------- */
.bam-khung{padding-block:var(--cach)}
.bam{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(24px,4vw,64px)}
.bam-hinh{width:100%;max-width:520px;height:auto;justify-self:center}
.bam-tieu{font-size:var(--s-2);color:var(--cham);margin:0 0 22px}
.bam-y{list-style:none;margin:0 0 28px;padding:0}
.bam-y li{position:relative;padding-left:36px;margin-bottom:14px;font-size:clamp(17px,1.4vw,20px);font-weight:600;line-height:1.45;color:var(--muc)}
.bam-y li::before{content:"";position:absolute;left:0;top:.2em;width:24px;height:24px;border-radius:50%;background:var(--vang) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232A3A78' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") center/13px no-repeat}

/* ---------- HOI DAP: nen nhu dau trang, hai cot, the trang bo goc ---------- */
.hoi{background:linear-gradient(135deg,#1F2C5E 0%,#2A3A78 50%,#3B3489 100%);color:#fff;padding-block:var(--cach)} /* taste-skill-ignore */
.hoi-luoi{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(28px,5vw,72px);align-items:start}
.hoi-trai{position:sticky;top:24px}
.hoi h2{font-size:var(--s-2);color:#fff}
.hoi-mo{font-size:var(--s-4);color:#E3E7F7;margin:14px 0 28px;max-width:36ch}
.hoi-the{display:grid;grid-template-columns:120px 1fr;align-items:end;background:var(--vang);color:var(--cham);border-radius:20px;overflow:hidden}
.hoi-the img{width:120px;height:auto;align-self:end;display:block}
.hoi-the>div{padding:20px 20px 20px 4px}
.hoi-the-chu{font-weight:700;font-size:var(--s-4);line-height:1.45;margin:0 0 14px}
.nut-xanh{background:var(--cham);color:#fff;border-radius:999px;min-height:46px;padding:0 22px;font-size:16px}
.nut-xanh:hover{background:var(--muc);color:var(--vang)}
.ngan-tu{display:grid;gap:12px}
.tap{background:#fff;color:var(--muc);border-radius:16px;padding:18px 20px 18px 22px;transition:background .25s ease}
.tap .tab{display:inline-block;background:#FFF3C4;color:var(--cham);font-weight:800;font-size:13px;padding:3px 12px;border-radius:999px;margin-bottom:8px}
.tap .than{padding:0}
.tap button{all:unset;display:flex;justify-content:space-between;align-items:center;gap:16px;width:100%;cursor:pointer;font-size:clamp(17px,1.4vw,19px);font-weight:700;line-height:1.4;color:var(--cham)}
.tap button::after{content:"+";flex:none;width:34px;height:34px;border-radius:50%;background:var(--cham);color:#fff;display:flex;align-items:center;justify-content:center;font-size:22px;line-height:1;transition:transform .25s ease,background .25s ease}
.tap button[aria-expanded=true]::after{transform:rotate(45deg);background:var(--vang);color:var(--cham)}
.tap button:focus-visible{outline:3px solid var(--vang);outline-offset:6px}
.tap .tra-loi{font-size:var(--s-4);line-height:1.6;color:var(--muc);max-width:60ch;margin:12px 0 2px}
.tap .tra-loi[hidden]{display:none}
.tap.mo{background:#FFFBEA}
.tap.mo .tab{background:var(--vang)}

/* ---------- HOC PHI + DANG KY: hai truong mau ---------- */
.phi{display:grid;grid-template-columns:5fr 7fr}
.phi .trai{background:var(--cham);color:#fff;padding:40px var(--le) 40px;display:flex;flex-direction:column}
.phi .trai h2{font-size:var(--s-2);max-width:12ch}
.phi .ai{font-size:var(--s-3);max-width:26ch;margin:20px 0 0;color:#E3E7F7}
.phi .gom{font-size:var(--s-4);max-width:44ch;color:#E3E7F7;margin:28px 0 0}
.phi .gia-lon{margin-top:auto;padding-top:40px;font-size:var(--s-1);font-weight:800;letter-spacing:-.04em;line-height:1;color:var(--vang);font-variant-numeric:tabular-nums}
.phi .phai{background:var(--giay-2);padding:40px var(--le)}
.phi .phai h2{font-size:var(--s-2)}
.phi .phai .chi{font-size:var(--s-4);color:var(--muc-phu);margin:14px 0 28px;max-width:46ch}
.phi form{max-width:620px}
.phi .o-nhap{margin-bottom:18px}
.phi .o-nhap label{display:block;font-weight:700;font-size:var(--s-5);margin-bottom:6px}
.phi .o-nhap input,.phi .o-nhap select{width:100%;min-height:52px;padding:0 14px;border:0;border-radius:0;background:#fff;color:var(--muc);font:500 var(--s-4) var(--font)}
.phi .o-nhap input:focus,.phi .o-nhap select:focus{outline:3px solid var(--cham);outline-offset:0}
.phi .goi-y{font-size:var(--s-5);color:var(--muc-phu);margin:6px 0 0}
.phi .nut{width:100%;margin-top:8px}
.thong-bao{margin:14px 0 0;font-size:var(--s-5);min-height:1.4em}
.thong-bao.loi{color:#B3261E;font-weight:700}
.bay{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden} /* bay chong bot. taste-skill-ignore */

/* ---------- CHAN TRANG: cay thuoc dung lon ---------- */
.chan{background:linear-gradient(135deg,#1F2C5E 0%,#2A3A78 50%,#3B3489 100%);color:#E3E7F7;padding:var(--cach) var(--le) 32px} /* taste-skill-ignore */
.chan a{color:#fff}
.chan .cot b{color:var(--vang)}
.chan .luu-y,.chan .cuoi{color:#C9D0EA}
.loi-ket{text-align:center;max-width:900px;margin:0 auto;padding-bottom:clamp(48px,6vw,88px)}
.loi-ket-cau{font-size:clamp(22px,3.2vw,44px);font-weight:800;line-height:1.32;letter-spacing:-.02em;color:#fff;margin:0}
.loi-ket-ten{color:var(--vang);font-weight:700;margin:16px 0 28px}
.thuoc-chan{display:flex;align-items:flex-end;gap:4px;height:34svh;min-height:200px}
.thuoc-chan i{flex:1;background:var(--cham);display:block}
.thuoc-chan i:nth-child(5n+1){background:var(--vang)}
.thuoc-chan i{position:relative}
.thuoc-chan i b{position:absolute;left:6px;top:8px;font-style:normal;font-size:var(--s-5);font-weight:800;color:var(--cham)}
.chan .cot{display:grid;grid-template-columns:repeat(4,1fr) 2fr;gap:24px;margin-top:56px;font-size:var(--s-5)}
.chan .cot b{display:block;margin-bottom:8px;font-size:var(--s-5)}
.chan .cot a{display:block;text-decoration:none;margin-bottom:6px}
.chan .cot a:hover{text-decoration:underline;text-underline-offset:4px}
.chan .cuoi{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:48px;font-size:var(--s-5);color:var(--muc-phu)}
.chan .luu-y{font-size:var(--s-5);color:var(--muc-phu);max-width:80ch;margin:40px 0 0}
.chan .nut{min-height:44px;font-size:15px}


/* ---------- DOI NGU: Hoi dong chuyen gia Midu ---------- */
.doi-ngu{padding-block:var(--cach)}
.doi-ngu h2{font-size:var(--s-2);text-align:center}
.doi-ngu-mo{font-size:var(--s-4);max-width:62ch;margin:16px auto 40px;text-align:center;color:var(--muc-phu)}
.bs{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.bs li{text-align:center}
.bs-anh{background:linear-gradient(180deg,#E7EAF6 0%,#C3CAEA 100%);border-radius:18px;overflow:hidden;aspect-ratio:236/300;display:flex;align-items:flex-end;justify-content:center} /* taste-skill-ignore */
.bs-anh img{width:86%;height:auto;mix-blend-mode:multiply}
.bs-ten{font-weight:800;font-size:var(--s-4);color:var(--cham);margin:14px 0 4px;line-height:1.3}
.bs-vai{font-size:var(--s-5);color:var(--muc-phu);margin:0;line-height:1.45}
.so-midu{list-style:none;margin:48px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.so-midu li{background:var(--cham);color:#E9ECF8;border-radius:16px;padding:22px 20px;font-size:var(--s-5);line-height:1.45}
.so-midu b{display:block;font-size:clamp(26px,2.6vw,38px);line-height:1.1;color:var(--vang);margin-bottom:6px;letter-spacing:-.02em}
.nguon{font-size:14px;color:var(--muc-phu);text-align:center;margin:14px 0 0}
@media (max-width:900px){
  .bs{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
  .so-midu{grid-template-columns:repeat(2,minmax(0,1fr))}
}

/* ---------- Xuat hien khi cuon ---------- */
.hien{opacity:1;transform:none}
.co-js .hien{opacity:0;transform:translateY(24px);transition:opacity .7s var(--vao),transform .7s var(--vao)}
.co-js .hien.da-hien{opacity:1;transform:none}

/* ---------- Dien thoai ---------- */
@media (max-width:900px){
  .bam{grid-template-columns:1fr}
  .bam-hinh{max-width:340px}
  .dau nav a.lk{display:none}
  .dau .ten{font-size:var(--s-5)}
  .dau .nut{padding:0 14px}
  .the-khoa{grid-template-columns:1fr}
  .the-anh{min-height:360px;order:-1}
  .chip-to li{font-size:16px}
  .o.dau-o{grid-column:span 2;aspect-ratio:auto;min-height:120px}
  .thu .luoi{grid-template-columns:1fr}
  .thuoc-lon{height:260px;width:100%;margin:0}
  .thuoc-lon li{top:auto}
  .lo .dau-muc{grid-template-columns:1fr;gap:16px}
  .lo .dau-muc p{grid-column:1}
  .ngan-keo{flex-direction:column;height:auto}
  .chang{flex:none;min-height:64px}
  .chang .ten-doc{transform:none;left:20px;bottom:auto;top:20px;font-size:18px}
  .chang .ruot{position:relative;display:none;padding:64px 20px 24px}
  .chang.mo .ruot{display:flex;gap:16px}
  .chang>button{height:64px;bottom:auto}
  .chang.mo .ten-doc{opacity:1}
  .chang.mo h3{display:none}
  .chang .anh-chang{display:none}
  .chang .ruot>div{grid-column:1/-1}
  .mon{grid-template-columns:1fr}
  .mon li{grid-template-columns:56px 1fr;gap:16px}
  .mon .anh,.mon .hinh{width:56px;height:56px}
  .thay{padding:0 var(--le)}
  .thay .panel{grid-template-columns:1fr;min-height:0;padding-bottom:0}
  .thay .chu{grid-column:1}
  .thay .chan-dung{position:relative;left:auto;width:86%;margin:0 auto}
  .so .luoi{grid-template-columns:repeat(2,1fr);gap:6px}
  .o .lon{font-size:14vw;margin-bottom:24px}
  .hoi-luoi{grid-template-columns:1fr}
  .hoi-trai{position:static}
  .tap{padding:16px 16px 16px 18px}
  .phi{grid-template-columns:1fr}
  .phi .trai{min-height:0}
  .phi .gia-lon{margin-top:24px}
  .phi{min-height:0}
  .chan .cot{grid-template-columns:1fr 1fr}
  .thuoc-chan i b{display:none}
}
@media (prefers-reduced-motion:reduce){
  .co-js .hien{opacity:1;transform:none;transition:none}
  .canh{transition:none}
  .chang,.kim{transition:none}
}

/* chan trang nen toi: chu phu sang len, nut cuoi mau vang */
.chan .luu-y,.chan .cuoi{color:#C9D0EA}
.chan .cuoi .nut{background:var(--vang);color:var(--cham)}

.chan .nut-vang{color:var(--cham)}
.chan .nut-vang:hover{color:var(--vang)}

/* Lo trinh: mui ten > o mep trai cot dang dong, bao bam duoc */
.nhac-bam{font-size:var(--s-5);font-weight:700;color:var(--cham-2);margin:-28px 0 16px}
.chang:not(.mo){cursor:pointer;transition:flex-grow .45s var(--vao),filter .2s ease}
.chang:not(.mo):hover{filter:brightness(1.18)}
.chang::before{content:"";position:absolute;left:10px;top:60px;width:16px;height:190px;pointer-events:none;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 24'%3E%3Cpath d='M4 4l8 8-8 8' fill='none' stroke='%23EFCA3D' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") left top/16px 24px repeat-y;
  -webkit-mask:linear-gradient(#000 0 0) top/100% 24px no-repeat,linear-gradient(#000 0 0) 0 83px/100% 24px no-repeat,linear-gradient(#000 0 0) 0 166px/100% 24px no-repeat; /* taste-skill-ignore */
  animation:nhich 1.6s ease-in-out infinite}
.chang.mo::before{display:none}
@keyframes nhich{0%,100%{transform:translateX(0)}50%{transform:translateX(5px)}}
@media (max-width:900px){
  .nhac-bam{margin:0 0 12px}
  .chang::before{left:auto;right:18px;top:20px;width:16px;height:24px;-webkit-mask:none;background-repeat:no-repeat;transform:rotate(90deg);animation:none}
}
@media (prefers-reduced-motion:reduce){.chang::before{animation:none}}

/* ---------- PHO CAP: theo phan khoa hoc tren midu.vn ---------- */
.pho-cap{padding-top:var(--cach);text-align:center}
.pho-cap h2{font-size:clamp(26px,3.2vw,46px);line-height:1.2;color:var(--muc)}
.pho-cap h2 span{display:block}
.nhan-vang{color:var(--cham);text-transform:uppercase;font-size:1.12em;margin:4px 0}
.nhan-vang{background:linear-gradient(transparent 62%,var(--vang) 62%);display:inline-block!important;padding:0 6px} /* taste-skill-ignore */
.ba-y{list-style:none;margin:40px auto 8px;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;max-width:1000px}
.ba-y li{display:flex;flex-direction:column;align-items:center;gap:14px}
.vong{width:84px;height:84px;border-radius:50%;background:linear-gradient(160deg,#4A3F9A 0%,#2A3A78 100%);display:flex;align-items:center;justify-content:center} /* taste-skill-ignore */
.vong svg{width:38px;height:38px}
.ba-y p{font-weight:700;font-size:var(--s-4);line-height:1.45;max-width:24ch;margin:0;color:var(--muc)}
.pho-cap-anh{width:100%;max-width:820px;height:auto;margin:16px auto 0}
@media (max-width:900px){
  .pho-cap h2{font-size:22px}
  .nhan-vang{font-size:1.02em}
  .ba-y{grid-template-columns:1fr;gap:20px}
  .ba-y li{flex-direction:row;text-align:left;gap:16px}
  .vong{width:60px;height:60px;flex:none}
  .vong svg{width:28px;height:28px}
}

/* So lieu Midu dang vong tron so lon (theo midu.vn) */
.so-midu{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;margin-top:56px}
.so-midu li{background:none;color:var(--muc);padding:0;text-align:center;display:flex;flex-direction:column;align-items:center;gap:16px;border-radius:0}
.so-midu .tron{width:clamp(130px,13vw,190px);aspect-ratio:1;border-radius:50%;background:var(--cham);color:var(--vang);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:clamp(34px,3.8vw,56px);letter-spacing:-.03em}
.so-midu p{font-weight:700;font-size:var(--s-4);line-height:1.45;max-width:22ch;margin:0;color:var(--muc)}
@media (max-width:900px){.so-midu{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 16px}.so-midu p{font-size:16px}}

.mon .anh{border-radius:12px}
.chang .anh-chang{border-radius:12px}

/* Bang ten Thay: dai vang ten, hai chuc danh co cham dau dong */
.bang-ten{left:auto;right:14px;bottom:14px;max-width:min(330px,calc(100% - 28px));padding:0;border-radius:14px;overflow:hidden;background:#fff;font-size:13px;line-height:1.4;text-align:left}
.bang-ten b{display:block;background:var(--vang);color:var(--cham);font-size:17px;font-weight:800;padding:9px 16px;letter-spacing:-.01em}
.bang-ten span{display:block;position:relative;padding:0 16px 0 30px;color:var(--muc);font-weight:600}
.bang-ten span:first-of-type{padding-top:10px}
.bang-ten span:last-of-type{padding-bottom:11px;margin-top:4px}
.bang-ten span::before{content:"";position:absolute;left:16px;top:.55em;width:6px;height:6px;border-radius:50%;background:var(--cham)}
.bang-ten span:first-of-type::before{top:calc(10px + .55em)}

/* Cach noi: bang so sanh, tieu de cot ghi mot lan */
.so-sanh{background:#fff;border-radius:20px;padding:clamp(18px,2.6vw,32px)}
.ss-dau,.ss li{display:grid;grid-template-columns:minmax(0,1fr) 44px minmax(0,1.25fr);align-items:center;gap:12px}
.ss-dau{font-size:var(--s-5);font-weight:800;text-transform:uppercase;letter-spacing:.06em;padding-bottom:12px}
.ss-dau span:first-child{color:#5F6070}
.ss-dau span:last-child{color:var(--cham)}
.ss{list-style:none;margin:0;padding:0}
.ss li{padding:16px 0}
.ss li+li{background:linear-gradient(var(--giay-2),var(--giay-2)) top/100% 1px no-repeat} /* taste-skill-ignore */
.ss-sai{margin:0;color:#6B6C7B;font-size:var(--s-4);line-height:1.45}
.ss-sai s{text-decoration-color:var(--hong);text-decoration-thickness:2px}
.ss-mui{width:36px;height:36px;border-radius:50%;background:var(--vang);color:var(--cham);font-weight:800;display:flex;align-items:center;justify-content:center;justify-self:center}
.ss-dung{margin:0;color:var(--cham);font-weight:800;font-size:clamp(17px,1.5vw,21px);line-height:1.4}
@media (max-width:900px){
  .ss-dau{display:none}
  .ss li{grid-template-columns:1fr;gap:6px}
  .ss-mui{display:none}
  .ss-sai::before{content:"Người bán hàng hay nói: ";font-weight:700;color:#8A8B99}
  .ss-dung::before{content:"Chuyên viên nói: ";display:block;font-size:13px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:var(--cham-2);margin-top:4px}
}

/* Pho cap: hinh minh hoa huou cao co cua Midu thay bieu tuong */
.vong-hinh{display:block;width:100%;max-width:260px}
.vong-hinh img{width:100%;height:auto;display:block}
@media (max-width:900px){
  .vong-hinh{max-width:120px;flex:none}
  /* so sanh tren dien thoai: chu thich mot lan o dau bang, khong lap tung dong */
  .ss-dau{display:flex;gap:16px;flex-wrap:wrap;padding-bottom:6px}
  .ss-dau span:nth-child(2){display:none}
  .ss-dau span:first-child::before{content:"";display:inline-block;width:18px;height:2px;background:var(--hong);vertical-align:middle;margin-right:6px}
  .ss-dau span:last-child::before{content:"";display:inline-block;width:10px;height:10px;border-radius:50%;background:var(--vang);vertical-align:middle;margin-right:6px}
  .ss-sai::before,.ss-dung::before{content:none}
}

/* Hero: Thay dung giua, hai bac si phia sau */
.the-khoa{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);max-width:940px}
.the-anh{min-height:380px}
.the-anh .bs-sau{position:absolute;bottom:0;height:74%;width:auto;max-width:none;opacity:.96}
.the-anh .bs-sau.trai{left:-4%}
.the-anh .bs-sau.phai{right:-6%}
.the-anh .thay-truoc{position:absolute;bottom:0;left:50%;transform:translateX(-50%);height:100%;width:auto;max-width:none;z-index:1}
.bang-ten{z-index:2}
.bang-ten i{display:block;font-style:normal;font-size:12.5px;font-weight:700;color:var(--cham-2);background:var(--giay);padding:7px 16px 8px}
.the-anh>img:not(.bs-sau):not(.thay-truoc){display:none}
@media (max-width:900px){.the-anh{min-height:330px}.the-anh .bs-sau{height:66%}}
.the-anh .bs-sau{transform:none}
.the-anh .bs-sau.phai{left:auto}
.bang-ten i{font-size:13px}
.ten-khoa{font-size:clamp(30px,3.4vw,46px)}
@media (max-width:900px){.the-khoa{grid-template-columns:1fr}.the-anh{min-height:340px}}
.pho-cap{padding-bottom:0}
.doi-ngu{padding-top:clamp(40px,4vw,64px)}

/* Hero: nhan ten nho o chan tung nguoi, khong che mat */
.the-khoa{grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);max-width:1000px}
.the-anh{min-height:420px}
.the-anh .thay-truoc{height:96%}
.the-anh .bs-sau{height:70%}
.the-anh .bs-sau.trai{left:0}
.the-anh .bs-sau.phai{right:-2%}
.ten-nguoi{position:absolute;z-index:3;margin:0;background:rgba(255,255,255,.95);color:var(--cham);border-radius:999px;font-size:13px;font-weight:800;line-height:1.3;padding:5px 12px;white-space:nowrap}
.ten-trai{left:10px;bottom:12px}
.ten-phai{right:10px;bottom:12px}
.ten-giua{left:50%;transform:translateX(-50%);bottom:52px;border-radius:14px;text-align:center;font-weight:600;font-size:13px;padding:8px 14px;color:var(--muc);box-shadow:none}
.ten-giua b{display:block;font-size:15px;font-weight:800;color:var(--cham);margin-bottom:2px}
@media (max-width:900px){
  .the-anh{min-height:360px}
  .ten-nguoi{font-size:13px;padding:4px 10px}
  .ten-giua{bottom:46px;white-space:normal;width:max-content;max-width:72%}
}

/* ===== Cach noi: kieu tin nhan tro chuyen ===== */
.so-sanh{background:none;padding:0}
.ss-dau{display:flex;gap:20px;flex-wrap:wrap;margin-bottom:18px;padding:0;text-transform:none;letter-spacing:0;font-size:15px}
.ss-dau span:nth-child(2){display:none}
.ss-dau span{display:inline-flex;align-items:center;gap:8px;font-weight:700}
.ss-dau span:first-child{color:#5F6070}
.ss-dau span:first-child::before{content:"✕";width:22px;height:22px;border-radius:50%;background:#F3D9E7;color:var(--hong);display:inline-flex;align-items:center;justify-content:center;font-size:12px;font-weight:800}
.ss-dau span:last-child::before{content:"✓";width:22px;height:22px;border-radius:50%;background:var(--vang);color:var(--cham);display:inline-flex;align-items:center;justify-content:center;font-size:13px;font-weight:800}
.ss{display:grid;gap:16px}
.ss li{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:16px;align-items:center;padding:0;background:none}
.ss li+li{background:none}
.ss-mui{display:none}
.ss-sai,.ss-dung{position:relative;border-radius:20px;padding:16px 20px 16px 50px;margin:0}
.ss-sai{background:#fff;color:#6B6C7B;border-bottom-left-radius:6px;font-size:var(--s-4)}
.ss-sai::before{content:"✕";position:absolute;left:14px;top:50%;transform:translateY(-50%);width:24px;height:24px;border-radius:50%;background:#F3D9E7;color:var(--hong);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:800}
.ss-dung{background:var(--cham);color:#fff;border-bottom-right-radius:6px;font-size:clamp(17px,1.4vw,20px);font-weight:800}
.ss-dung::before{content:"✓";position:absolute;left:14px;top:50%;transform:translateY(-50%);width:24px;height:24px;border-radius:50%;background:var(--vang);color:var(--cham);display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:800}
@media (max-width:900px){
  .ss li{grid-template-columns:1fr;gap:8px}
  .ss-dau{display:flex}
  .ss-dau span:first-child::before,.ss-dau span:last-child::before{display:inline-flex}
  .ss-sai{margin-right:12%}
  .ss-dung{margin-left:8%}
}
/* Hero tren dien thoai: mot cot, nhan ten gon */
@media (max-width:900px){
  .the-khoa{grid-template-columns:1fr}
  .ten-giua{bottom:44px;max-width:80%;font-size:13px}

}

/* ===== Hero: doi ngu 4 nguoi ngang hang, luoi 2x2 ===== */
.the-anh.doi-4{min-height:0;display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:20px 20px 20px 0;align-content:center}
.o-nguoi{margin:0;text-align:center}
.o-anh{background:linear-gradient(180deg,#EEF0FA 0%,#C9CFEC 100%);border-radius:14px;aspect-ratio:1/1;overflow:hidden;display:flex;align-items:flex-end;justify-content:center} /* taste-skill-ignore */
.o-anh img{position:static;transform:none;width:78%;height:auto;max-width:none;mix-blend-mode:multiply}
.o-nguoi figcaption{margin-top:8px;font-size:13px;line-height:1.35;color:#C9D0EA}
.o-nguoi figcaption b{display:block;color:#fff;font-size:15px;font-weight:800}
@media (max-width:900px){
  .the-anh.doi-4{padding:16px 16px 0;order:2}
  .o-nguoi figcaption b{font-size:14px}
}

/* Hero: hang doi ngu 5 nguoi tu banner Midu */
.doi-hero{margin:clamp(28px,3.5vw,48px) 0 0;width:100%;max-width:1100px;background:linear-gradient(180deg,#EAF1FD 0%,#D7E3FA 100%);border-radius:22px;overflow:hidden;padding-top:14px} /* taste-skill-ignore */
.doi-hero img{width:100%;height:auto;display:block}
.doi-hero figcaption{background:#fff;color:var(--cham);font-weight:800;font-size:var(--s-4);padding:10px 16px;text-align:center}
@media (max-width:700px){
  .doi-hero{overflow-x:auto;-webkit-overflow-scrolling:touch}
  .doi-hero img{width:auto;height:240px;max-width:none}
  .doi-hero figcaption{position:sticky;left:0;font-size:15px}
}
.vuot{display:none;font-weight:600;color:var(--cham-2)}
@media (max-width:700px){.vuot{display:inline}}

/* ===== Hero theo phong cach banner Midu: nen troi nhat, chu xanh chuyen hong ===== */
.hero{background:linear-gradient(180deg,#EEF4FE 0%,#DCE8FB 55%,#CBDCF8 100%);color:var(--muc)} /* taste-skill-ignore */
.hero-vien{color:var(--hong)}
.hero h1 .tren{color:var(--cham);font-style:italic;font-weight:700}
.hero .phu{color:var(--muc)}
.hero .phu b{color:var(--hong)}
.doi-hero{background:none;padding-top:0;border-radius:0;overflow:visible}
.doi-hero figcaption{background:none;color:var(--cham-2);font-size:15px;padding-top:6px}
.chip-to li{border:0;background:#fff;color:var(--muc);box-shadow:0 1px 0 rgba(42,58,120,.08)}
.chip-to b{color:var(--hong)}
.hero .nut-vang{background-color:#5B3FB0;background-image:linear-gradient(90deg,#2A3A9A,#D0359A);color:#fff} /* taste-skill-ignore */
.hero .nut-vang:hover{filter:brightness(1.1);color:#fff}
.lk-sang{color:var(--cham)}

/* Hero = banner Midu da doi ten khoa */
.hero{padding-top:clamp(16px,2.4vw,32px)}
.banner-hero{width:100%;max-width:1200px;height:auto;border-radius:22px;display:block;margin:0 auto}
.hero .phu{margin-top:clamp(20px,2.4vw,32px)}
@media (max-width:700px){.banner-hero{border-radius:14px}}

/* Hero: nen noi tiep banner (banner phong to lam mo + dom sang lap lanh) */
.hero{position:relative;overflow:hidden;isolation:isolate}
.hero::before{content:"";position:absolute;inset:-60px;z-index:-2;background:url("/anh/banner-chuyen-vien.jpg") center 35%/cover no-repeat;filter:blur(48px) saturate(1.25);opacity:.75}
.hero::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:
    radial-gradient(circle,rgba(255,255,255,.95) 0 1.6px,transparent 2.4px) 0 0/140px 140px,
    radial-gradient(circle,rgba(255,255,255,.75) 0 1px,transparent 1.8px) 70px 50px/90px 110px,
    radial-gradient(ellipse 60% 45% at 50% 30%,rgba(255,255,255,.55),transparent 70%),
    linear-gradient(180deg,rgba(238,244,254,.35) 0%,rgba(220,232,251,.15) 60%,rgba(203,220,248,.5) 100%)} /* taste-skill-ignore */
.banner-hero{box-shadow:0 0 0 6px rgba(255,255,255,.55)}

/* Lo trinh: 3 mui ten › vang xep doc, chi sang phai (thay ban SVG loi) */
.chang::before{content:"›\A›\A›" !important;white-space:pre;background:none !important;-webkit-mask:none !important;mask:none !important;
  width:auto;height:auto;left:14px;top:56px;color:var(--vang);font-size:40px;font-weight:800;line-height:.9;transform:none}
.chang:nth-child(5)::before{color:var(--cham)}
@media (max-width:900px){
  .chang::before{content:"›" !important;left:auto;right:18px;top:12px;font-size:30px;transform:rotate(90deg);animation:none}
}

/* Cach noi: tieu de cot thang hang voi tung cot bong bong */
.ss-dau{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:16px;margin-bottom:12px;font-size:var(--s-4)}
.ss-dau span{padding-left:20px}
.ss-dau span:first-child{color:#5F6070}
.ss-dau span:last-child{color:var(--cham)}
@media (max-width:900px){
  .ss-dau{display:flex;gap:16px;font-size:15px}
  .ss-dau span{padding-left:0}
}

/* Hero: nen sach, quang hong tim o hai goc thay anh mo; gia nho duoi nut */
.hero::before{background:
  radial-gradient(ellipse 45% 55% at 0% 15%,rgba(120,150,240,.35),transparent 70%),
  radial-gradient(ellipse 45% 55% at 100% 85%,rgba(214,80,170,.22),transparent 70%),
  radial-gradient(ellipse 40% 45% at 100% 5%,rgba(150,120,230,.22),transparent 70%),
  linear-gradient(180deg,#F1F6FE 0%,#E2ECFC 55%,#D3E1F9 100%);filter:none;opacity:1;inset:0} /* taste-skill-ignore */
.gia-nho{margin:14px 0 0;font-size:var(--s-5);font-weight:600;color:var(--cham-2)}

/* ===== Hero: nen bat mat hon, noi tiep mau banner (xanh troi -> tim -> hong), dai luon trang + sao 4 canh ===== */
.hero::before{inset:0;filter:none;opacity:1;background:
  url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 360' preserveAspectRatio='none'%3E%3Cpath d='M0 250 C300 150 560 330 860 220 S1260 120 1440 180 L1440 360 L0 360Z' fill='%23C9A8F0' fill-opacity='.35'/%3E%3Cpath d='M0 300 C340 220 620 350 940 270 S1300 220 1440 260 L1440 360 L0 360Z' fill='%23F3A6D6' fill-opacity='.35'/%3E%3Cpath d='M0 230 C320 130 580 310 880 200 S1270 100 1440 160' fill='none' stroke='white' stroke-opacity='.8' stroke-width='3'/%3E%3Cpath d='M0 275 C330 190 600 340 920 245 S1290 170 1440 215' fill='none' stroke='white' stroke-opacity='.55' stroke-width='2'/%3E%3C/svg%3E") center bottom/100% clamp(180px,26vw,360px) no-repeat,
  radial-gradient(ellipse 42% 55% at 0% 12%,rgba(70,120,240,.55),transparent 70%),
  radial-gradient(ellipse 40% 50% at 100% 8%,rgba(150,100,240,.50),transparent 70%),
  radial-gradient(ellipse 45% 50% at 100% 80%,rgba(225,70,170,.45),transparent 70%),
  radial-gradient(ellipse 45% 45% at 0% 85%,rgba(120,90,230,.40),transparent 70%),
  linear-gradient(180deg,#DCE8FF 0%,#CFDcFb 45%,#E2D3FA 100%)} /* taste-skill-ignore */
.hero::after{background:
  url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='320' height='260'%3E%3Cpath d='M60 30 L64 46 L80 50 L64 54 L60 70 L56 54 L40 50 L56 46Z' fill='white' fill-opacity='.9'/%3E%3Cpath d='M250 150 L253 161 L264 164 L253 167 L250 178 L247 167 L236 164 L247 161Z' fill='white' fill-opacity='.8'/%3E%3Cpath d='M170 220 L172 227 L179 229 L172 231 L170 238 L168 231 L161 229 L168 227Z' fill='white' fill-opacity='.7'/%3E%3C/svg%3E") 0 0/320px 260px repeat,
  radial-gradient(circle,rgba(255,255,255,.9) 0 1.4px,transparent 2.2px) 30px 20px/110px 120px,
  radial-gradient(ellipse 55% 40% at 50% 38%,rgba(255,255,255,.45),transparent 70%)} /* taste-skill-ignore */
.banner-hero{box-shadow:0 0 0 6px rgba(255,255,255,.7),0 24px 60px -20px rgba(0,0,0,.22)}
.hero .gia-nho{color:var(--cham)}

/* ===== Dang ky hoc: mot the trang bo goc tren nen dam, trai = gia + quyen loi, phai = form ===== */
.phi{display:block;background:linear-gradient(160deg,#1F2C5E 0%,#2A3A78 45%,#4A2E8E 100%);padding:var(--cach) var(--le)} /* taste-skill-ignore */
.phi-the{max-width:1120px;margin:0 auto;display:grid;grid-template-columns:5fr 6fr;background:#fff;border-radius:28px;overflow:hidden;box-shadow:0 30px 80px -30px rgba(0,0,0,.55)}
.phi .trai{background:linear-gradient(165deg,#2A3A9A 0%,#5B3FB0 55%,#B3348F 100%);padding:clamp(28px,3.4vw,48px);color:#fff} /* taste-skill-ignore */
.phi-ten{margin:0;font-size:var(--s-3);font-weight:700;line-height:1.3;color:#E9ECFB}
.phi-ten .lien{display:block;white-space:nowrap;font-size:clamp(24px,2.4vw,34px);font-weight:800;color:#fff}
.phi .gia-lon{margin:18px 0 0;padding:0;font-size:clamp(52px,5.6vw,80px);color:var(--vang)}
.phi .ai{margin:14px 0 0;font-size:var(--s-4);max-width:34ch;color:#F1EEFB}
.gom-tieu{margin:28px 0 12px;font-size:var(--s-5);font-weight:800;color:var(--vang)}
.gom-ds{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.gom-ds li{position:relative;padding-left:34px;font-size:var(--s-4);line-height:1.45;color:#fff}
.gom-ds li::before{content:"";position:absolute;left:0;top:1px;width:22px;height:22px;border-radius:50%;background:var(--vang) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 12.5l4 4 8-9' fill='none' stroke='%232A3A78' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/16px no-repeat}
.gom-ds b{color:var(--vang)}
.phi .phai{background:#fff;padding:clamp(28px,3.4vw,48px)}
.phi .phai h2{font-size:clamp(30px,3vw,44px);color:var(--cham)}
.phi .phai .chi{margin:10px 0 26px;font-size:var(--s-4);color:var(--muc-phu)}
.phi form{max-width:none}
.phi .o-nhap{margin-bottom:16px}
.phi .o-nhap label{font-size:var(--s-5);color:var(--muc)}
.phi .o-nhap .tuy{font-weight:500;color:var(--muc-phu)}
.phi .o-nhap input{min-height:54px;padding:0 18px;border-radius:14px;background:#F3F5FC;border:1.5px solid #DDE2F3;transition:border-color .2s,background .2s}
.phi .o-nhap input::placeholder{color:#8A8FA8}
.phi .o-nhap input:focus{outline:0;border-color:#5B3FB0;background:#fff;box-shadow:0 0 0 4px rgba(91,63,176,.15)}
.phi .goi-y{font-size:14px}
.phi .nut{margin-top:10px;min-height:60px;border-radius:999px;font-size:19px;color:#fff;background-color:#5B3FB0;background-image:linear-gradient(90deg,#2A3A9A,#D0359A)} /* taste-skill-ignore */
.phi .nut:hover{filter:brightness(1.1);color:#fff}
.an-tam{margin:12px 0 0;text-align:center;font-size:14px;color:var(--muc-phu)}
@media (max-width:900px){
  .phi-the{grid-template-columns:1fr;border-radius:20px}
  .phi .gia-lon{margin-top:12px}
}

/* Hero: bo hoa tiet sao/cham lap lai; chi giu nen chuyen mau + quang sang sau banner + dai luon o day */
.hero::after{background:radial-gradient(ellipse 60% 45% at 50% 40%,rgba(255,255,255,.55),transparent 72%)} /* taste-skill-ignore */

/* Loi ket: ngat dong theo y, dong duoi can doi tren dien thoai */
.loi-ket-cau{text-wrap:balance}

/* ===== Thanh dau trang: logo Midu + nen chuyen mau noi lien hero, dinh khi cuon ===== */
html{scroll-padding-top:84px}
.dau-nen{position:sticky;top:0;z-index:50;background:linear-gradient(90deg,#A3B9F6 0%,#D6E2FE 30%,#DFE2FD 70%,#C3ADF3 100%);border-bottom:1px solid rgba(255,255,255,.75)} /* taste-skill-ignore */
.dau .ten{display:flex;align-items:center;gap:14px;color:var(--cham)}
.dau .ten img{height:34px;width:auto;display:block}
.dau .ten span{padding-left:14px;border-left:1.5px solid rgba(42,58,120,.28);font-weight:800}
.dau nav a{color:var(--cham)}
.dau .nut{border-radius:999px;color:#fff;background-color:#5B3FB0;background-image:linear-gradient(90deg,#2A3A9A,#D0359A)} /* taste-skill-ignore */
.dau .nut:hover{filter:brightness(1.1);color:#fff;text-decoration:none}
.hoi-trai{top:96px}
@media (max-width:560px){
  .dau .ten span{display:none}
  .dau .ten img{height:30px}
}

/* O luoi so: Migi tung hoa thay video Zoom */
.o-migi{background:#F3EFFC}
.o-migi img{object-fit:contain}

/* ===== Hai khoa de chon (06/11/2026): Chuyen vien 599k va Chuyen gia 18tr, roi form dang ky ===== */
.phi-dau{max-width:1120px;margin:0 auto 28px;color:#fff}
.phi-nho{margin:0 0 8px;font-size:var(--s-5);font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--vang)}
.phi-dau h2{font-size:clamp(30px,3.6vw,52px);color:#fff}
.phi-dau p:last-child{margin:12px 0 0;max-width:52ch;color:#E3E7F7}
.hai-khoa{max-width:1120px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:clamp(16px,2vw,28px);align-items:stretch}
.khoa-chon{position:relative;display:flex;flex-direction:column;cursor:pointer;padding:clamp(24px,3vw,40px);border-radius:28px;color:#fff;
  background:linear-gradient(165deg,#2A3A9A 0%,#4B3CA6 60%,#6B3AA8 100%);border:2px solid rgba(255,255,255,.14);
  transition:transform .35s var(--vao),border-color .25s,box-shadow .35s var(--vao)} /* taste-skill-ignore */
.khoa-chon.khoa-cao{background:linear-gradient(165deg,#3A2E8E 0%,#7A3AA8 55%,#B3348F 100%)} /* taste-skill-ignore */
.khoa-chon:hover{transform:translateY(-3px)}
.khoa-chon.dang-chon{border-color:var(--vang);box-shadow:0 0 0 4px rgba(239,202,61,.28),0 30px 70px -30px rgba(0,0,0,.6)}
.khoa-chon:has(input:focus-visible){outline:3px solid #fff;outline-offset:4px}
.khoa-nhan{align-self:flex-start;margin-bottom:16px;padding:6px 14px;border-radius:999px;font-size:14px;font-weight:800;background:rgba(255,255,255,.14);color:#fff}
.khoa-cao .khoa-nhan{background:var(--vang);color:var(--cham)}
.khoa-chon .phi-ten{display:block}
.khoa-chon .gia-lon{display:block;font-weight:800;letter-spacing:-.04em;line-height:1;font-variant-numeric:tabular-nums;font-size:clamp(44px,4.6vw,68px)}
.khoa-chon .ai{display:block}
.khoa-chon .gom-tieu{display:block}
.khoa-chon .gom-ds{margin-bottom:28px}
.nut-chon{margin-top:auto;display:flex;align-items:center;justify-content:center;min-height:54px;border-radius:999px;font-weight:800;font-size:17px;
  border:2px solid rgba(255,255,255,.6);color:#fff;transition:background .25s,color .25s,border-color .25s}
.nut-chon .khi-chon{display:none}
.khoa-chon:hover .nut-chon{border-color:#fff}
.khoa-chon.dang-chon .nut-chon{background:var(--vang);border-color:var(--vang);color:var(--cham)}
.khoa-chon.dang-chon .khi-chua{display:none}
.khoa-chon.dang-chon .khi-chon{display:inline}
.khoa-chon.dang-chon .khi-chon::before{content:"✓ "}
.loi-hua{max-width:1120px;margin:22px auto 0;display:flex;gap:14px;align-items:flex-start;padding:18px 22px;border-radius:18px;
  background:rgba(255,255,255,.08);border:1.5px dashed rgba(239,202,61,.6);color:#F1EEFB;font-size:var(--s-4);line-height:1.5}
.loi-hua b{color:var(--vang)}
.loi-hua-dau{flex:none;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--vang);color:var(--cham);font-weight:800}
.phi-mau{margin-top:clamp(28px,3vw,44px);grid-template-columns:1fr;max-width:760px}
.da-chon{margin:12px 0 0;padding:12px 16px;border-radius:14px;background:#F3F0FB;color:var(--muc);font-size:var(--s-4)}
.da-chon b{color:var(--cham)}
.da-chon a{margin-left:6px;font-size:var(--s-5);font-weight:700;color:#5B3FB0}
.phi .phai .da-chon + .chi{margin-top:14px}
@media (max-width:900px){
  .hai-khoa{grid-template-columns:1fr}
  .khoa-chon{border-radius:22px}
}
@media (prefers-reduced-motion:reduce){.khoa-chon,.khoa-chon:hover{transition:none;transform:none}}