/* Trang khoa hoc After Effects (phien Landingpage, v2 11/10/2026). Moi class mang tien to clp- va nam trong .clp.
   Huong rieng "Moi thu deu co easing": nen trang am, cam tin hieu lam diem nhan, minh hoa easing chay that (Linear va Easy Ease), giao trinh nhu cac layer co keyframe.
   Tranh minh hoa phang ve tay (ColorME Illustrator, khong 3D, khong GenAI). Chu Unbounded + Be Vietnam Pro + Roboto Mono. */
.clp{--paper:#FCFBF8;--card:#FFFFFF;--cream:#F3EFE6;--line:#E8E3D8;--ink:#1C1A16;--ink-2:#4F4B42;--muted:#8C8677;--or:#FF5A1F;--or-2:#FFE3D6;--olive:#6E7444;--olive-2:#E6E8D5;
  --disp:'Unbounded',system-ui,-apple-system,'Segoe UI',Roboto,Arial,sans-serif;--body:'Be Vietnam Pro',system-ui,-apple-system,'Segoe UI',Roboto,Arial,sans-serif;--mono:'Roboto Mono',ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  --ez:cubic-bezier(.75,0,.25,1);
  color-scheme:light;position:relative;background:var(--paper);color:var(--ink);font-family:var(--body);font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased;overflow-x:clip;text-align:left}
.clp *,.clp *::before,.clp *::after{box-sizing:border-box}
.clp :where(h1,h2,h3,p,ul,ol,figure,blockquote){margin:0}
.clp :where(h1,h2,h3){font-family:var(--disp);color:inherit;text-transform:none}
.clp :where(a){text-decoration:none}
.clp :where(em,i){font-style:normal}
.clp img{max-width:100%}
.clp [id]{scroll-margin-top:96px}
.clp [hidden]{display:none!important}
.clp-w{max-width:1240px;margin:0 auto;padding-inline:clamp(16px,4vw,48px)}

/* hero */
.clp-hero{padding-top:clamp(28px,5vw,64px);text-align:center;display:grid;grid-template-columns:minmax(0,1fr);justify-items:center}
.clp-ey{font:500 13px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.clp-ttl{margin-top:14px;font-family:var(--disp);line-height:.95}
.clp-ttl__k{display:block;font-weight:500;font-size:clamp(20px,2.4vw,30px);letter-spacing:-.01em;color:var(--ink-2);margin-bottom:.35em}
.clp-ttl__n{display:block;font-weight:800;font-size:clamp(48px,10.5vw,148px);letter-spacing:-0.023em;text-wrap:balance}
.clp-hero__sub{margin-top:18px;max-width:46ch;color:var(--ink-2);font-size:clamp(16px,1.5vw,19px)}
.clp-stage{position:relative;justify-self:start;margin-left:50%;transform:translateX(-50%);margin-top:clamp(26px,3.4vw,44px);width:min(1600px,calc(100vw - 32px));border-radius:clamp(18px,2.4vw,30px);overflow:hidden;box-shadow:0 40px 80px -44px rgba(60,50,20,.5)}
@media (min-width:1300px){.clp-stage{width:min(1600px,calc(100vw - 64px))}}
.clp-heroart{display:block;width:100%;height:auto}
@media (max-width:700px){.clp-stage{aspect-ratio:4/5}.clp-heroart{height:100%;object-fit:cover}}
.clp-meta{display:flex;align-items:center;justify-content:center;gap:16px 28px;margin-top:clamp(20px,2.6vw,30px);flex-wrap:wrap}
.clp-ctas{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}
.clp-next{display:grid;text-align:left;padding-left:18px;border-left:3px solid var(--or)}
.clp-next b{font:700 15px var(--disp);letter-spacing:-.01em}
.clp-next span{font-size:14px;color:var(--ink-2)}
.clp-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:54px;padding:0 28px;border-radius:999px;font:700 15px var(--disp);letter-spacing:-.005em;border:2px solid var(--ink);cursor:pointer;white-space:nowrap;transition:transform .35s var(--ez),background .2s}
.clp-btn svg{width:18px;height:18px;transition:transform .35s var(--ez)}
.clp-btn:hover svg{transform:translateX(4px)}
.clp-btn--p,.clp-btn--ink{background:var(--or);border-color:var(--or);color:#fff}
.clp-btn--p:hover,.clp-btn--ink:hover{background:#E84A12;color:#fff;transform:translateY(-2px)}
.clp-btn--g{background:transparent;color:var(--ink)}
.clp-btn--g:hover{color:var(--ink);background:var(--cream)}
.clp-btn--sm{min-height:44px;padding:0 20px;font-size:14px}
.clp-btn[disabled]{background:var(--cream);color:var(--muted);border-color:var(--line);cursor:default;transform:none}
@media (max-width:760px){.clp-ctas{width:100%}.clp-ctas .clp-btn{flex:1 1 100%}.clp-next{border-left:0;padding-left:0;text-align:center}}

/* sections */
.clp-sec{padding-block:clamp(80px,11vw,140px)}
.clp-sec--t0{padding-top:0}
.clp-hd{display:flex;align-items:end;justify-content:space-between;gap:20px 40px;flex-wrap:wrap;margin-bottom:clamp(30px,4vw,48px)}
.clp-hd h2{font:700 clamp(28px,4vw,50px)/1.08 var(--disp);letter-spacing:-0.013em;max-width:17ch;text-wrap:balance}
.clp-hd>p{max-width:42ch;color:var(--ink-2);font-size:18px}
.clp-kick{font:500 13px var(--mono);letter-spacing:.06em;color:var(--or);margin-bottom:16px}
.clp-price{margin-top:14px;font:700 clamp(26px,3vw,38px)/1 var(--disp);letter-spacing:-0.008em}
.clp-price small{font:500 15px var(--body);letter-spacing:0;color:var(--muted);margin-right:6px}

/* statement: line 2 eases in word by word */
.clp-big{text-align:center;font:800 clamp(28px,5.2vw,72px)/1.1 var(--disp);letter-spacing:-0.018em}
.clp-big p{text-wrap:balance}
.clp-big__1{color:#BDB6A6}
.clp-big__2{color:var(--ink)}
.clp-big__2 span{display:inline-block}
.clp-big__2 span:nth-child(2),.clp-big__2 span:nth-child(3){color:var(--or)}
.clp-js .clp-big__2 span{transform:translateY(.5em);opacity:0;transition:transform .9s var(--ez),opacity .6s var(--ez)}
.clp-js .clp-big.clp-in .clp-big__2 span{transform:none;opacity:1}
.clp-big__2 span:nth-child(2){transition-delay:.06s}.clp-big__2 span:nth-child(3){transition-delay:.12s}.clp-big__2 span:nth-child(4){transition-delay:.18s}.clp-big__2 span:nth-child(5){transition-delay:.24s}.clp-big__2 span:nth-child(6){transition-delay:.3s}.clp-big__2 span:nth-child(7){transition-delay:.36s}

/* easing demo */
.clp-ease{display:grid;gap:28px 48px;align-items:center;padding:clamp(24px,4vw,56px);border-radius:28px;background:var(--cream)}
@media (min-width:960px){.clp-ease{grid-template-columns:1fr 1.1fr}}
.clp-ease__t h2{font:700 clamp(26px,3.2vw,40px)/1.1 var(--disp);letter-spacing:-0.013em;text-wrap:balance}
.clp-ease__t p:last-child{margin-top:16px;color:var(--ink-2);max-width:46ch}
.clp-ease__demo{display:grid;gap:14px;padding:22px;border-radius:20px;background:var(--card);box-shadow:0 1px 0 var(--line)}
.clp-ease__row{display:grid;grid-template-columns:120px 1fr;gap:14px;align-items:center;font:500 13px var(--mono);color:var(--muted)}
.clp-ease__row--on{color:var(--ink)}
.clp-ease__row kbd{font:inherit;padding:2px 6px;border-radius:5px;background:var(--ink);color:#fff;margin-left:4px}
.clp-ease__track{position:relative;height:44px;border-radius:999px;background:repeating-linear-gradient(90deg,var(--line) 0 2px,transparent 2px 12.5%) center/100% 14px no-repeat,var(--paper)}
.clp-ease__dot{position:absolute;top:6px;left:6px;width:32px;height:32px;border-radius:50%;background:#BDB6A6}
.clp-ease__dot--ease{background:var(--or)}
@media (prefers-reduced-motion:no-preference){
  .clp-js .clp-ease__dot--lin{animation:clp-go 2.4s linear infinite alternate}
  .clp-js .clp-ease__dot--ease{animation:clp-go 2.4s var(--ez) infinite alternate}
}
@keyframes clp-go{0%,8%{left:6px}92%,100%{left:calc(100% - 38px)}}
.clp-ease__graph{display:block;width:100%;height:auto;max-height:160px;margin-top:8px}
@media (max-width:480px){.clp-ease__row{grid-template-columns:1fr}}

/* outcomes */
.clp-oc{display:grid;gap:18px}
@media (min-width:700px){.clp-oc{grid-template-columns:repeat(2,1fr)}}
@media (min-width:1080px){.clp-oc{grid-template-columns:repeat(3,1fr)}}
.clp-oc article{display:flex;flex-direction:column;border-radius:24px;padding:10px 10px 24px;background:var(--card);box-shadow:0 0 0 1px var(--line);transition:transform .5s var(--ez)}
.clp-oc article:hover{transform:translateY(-6px)}
.clp-oc img{display:block;width:100%;height:auto;border-radius:16px}
.clp-oc h3{margin:18px 12px 6px;font:700 clamp(18px,1.6vw,21px)/1.2 var(--disp);letter-spacing:-0.003em}
.clp-oc p{margin:0 12px;color:var(--ink-2)}

/* sessions as layers in a composition */
.clp-comp{border-radius:24px;background:var(--card);box-shadow:0 0 0 1px var(--line);overflow:hidden}
.clp-comp__bar{display:flex;justify-content:space-between;padding:12px 20px;background:var(--ink);color:#D8D2C4;font:500 12px var(--mono);letter-spacing:.04em}
.clp-comp__bar span:last-child{color:var(--or)}
.clp-comp__ls{padding:0;list-style:none;counter-reset:l}
.clp-comp__ls>li{counter-increment:l;display:grid;grid-template-columns:auto 64px 1fr;gap:16px;align-items:center;padding:14px 20px;border-top:1px solid var(--line)}
.clp-comp__ls>li:first-child{border-top:0}
.clp-comp__ls>li::before{content:counter(l);width:26px;font:500 13px var(--mono);color:var(--muted);text-align:right}
.clp-comp__ls img{width:64px;height:64px;display:block}
.clp-comp__ls b{font:700 17px/1.25 var(--disp);letter-spacing:-0em}
.clp-comp__ls p{color:var(--ink-2);font-size:15px;margin-top:2px}
.clp-comp__kf{display:none}
@media (min-width:900px){
  .clp-comp__ls>li{grid-template-columns:auto 64px minmax(0,1.1fr) minmax(0,1fr)}
  .clp-comp__kf{display:block;position:relative;height:24px;background:linear-gradient(var(--line),var(--line)) center/100% 2px no-repeat}
  .clp-comp__kf i{position:absolute;top:50%;left:calc(var(--k) * 12.5% + 6.25%);width:14px;height:14px;margin:-7px;background:var(--or);transform:rotate(45deg);border-radius:2px}
  .clp-comp__kf::before{content:"";position:absolute;left:0;top:50%;height:2px;margin-top:-1px;width:calc(var(--k) * 12.5% + 6.25%);background:var(--or)}
}

/* needs */
.clp-needs{display:grid;gap:18px}
@media (min-width:960px){.clp-needs{grid-template-columns:repeat(3,1fr)}}
.clp-needs figure{padding:28px;border-radius:24px;background:var(--olive-2);display:grid;gap:14px;align-content:start}
.clp-needs blockquote{font:700 clamp(18px,1.6vw,21px)/1.3 var(--disp);letter-spacing:-0em}
.clp-needs blockquote::before{content:"“";display:block;font:800 54px/.6 var(--disp);color:var(--olive);margin-bottom:6px}
.clp-needs figcaption{color:var(--ink-2)}

/* app + premium */
.clp-duo{display:grid;gap:18px}
@media (min-width:960px){.clp-duo{grid-template-columns:1.15fr .85fr}}
.clp-box{position:relative;border-radius:28px;padding:clamp(24px,3vw,40px);overflow:hidden}
.clp-box h3{font:700 clamp(24px,2.6vw,34px)/1.1 var(--disp);letter-spacing:-0.008em;max-width:17ch;text-wrap:balance}
.clp-box p{margin-top:12px;color:var(--ink-2);max-width:40ch}
.clp-app{background:var(--or-2);display:grid;align-content:start}
.clp-appart{display:block;width:min(100%,440px);height:auto;margin:18px auto -40px}
@media (min-width:960px){.clp-app{grid-template-columns:1fr 1fr;align-items:stretch}.clp-app__t{align-self:start}.clp-appart{align-self:end;width:calc(100% + 60px);max-width:none!important;margin:0 -40px -40px -20px}}
.clp-tick{display:grid;gap:10px;margin-top:22px;padding:0;list-style:none}
.clp-tick li{display:flex;gap:10px;align-items:center;font-weight:500}
.clp-tick li::before{content:"";width:12px;height:12px;flex:none;background:var(--or);transform:rotate(45deg);border-radius:2px;margin:0 5px}
.clp-prem{background:var(--ink);color:#fff;display:flex;flex-direction:column}
.clp-prem p{color:#CFC9BB}
.clp-prem__n{display:flex;align-items:baseline;gap:14px;flex-wrap:wrap;margin-top:auto;padding-top:36px}
.clp-prem__n b{font:800 clamp(64px,7vw,104px)/.9 var(--disp);letter-spacing:-0.028em;color:var(--or)}
.clp-prem__n span{font-weight:500;color:#CFC9BB}
.clp-prem__t{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px;padding:0;list-style:none}
.clp-prem__t li{padding:9px 14px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);font:500 14px var(--body)}
.clp-perks{display:grid;gap:12px;margin-top:18px}
@media (min-width:760px){.clp-perks{grid-template-columns:repeat(3,1fr)}}
.clp-perks>div{display:flex;gap:14px;align-items:center;padding:16px 20px;border-radius:999px;background:var(--card);box-shadow:0 0 0 1px var(--line)}
.clp-perks i{width:42px;height:42px;border-radius:50%;flex:none;display:grid;place-items:center;font:700 14px var(--disp);background:var(--or-2);color:var(--or)}
.clp-perks b{font:700 15px/1.25 var(--disp);letter-spacing:-.01em}
.clp-perks small{display:block;color:var(--muted);font-size:13px}

/* who */
.clp-who{display:grid;gap:18px}
@media (min-width:700px){.clp-who{grid-template-columns:repeat(2,1fr)}}
@media (min-width:1100px){.clp-who{grid-template-columns:repeat(4,1fr)}}
.clp-who>div{display:flex;flex-direction:column;gap:6px}
.clp-who img{display:block;width:100%;height:auto;border-radius:22px;margin-bottom:12px}
.clp-who b{font:700 18px/1.2 var(--disp);letter-spacing:-0em}
.clp-who p{color:var(--ink-2)}

/* classes (picker giu nguyen loi goi dang ky cua site) */
.clp-tabs{display:inline-flex;flex-wrap:wrap;gap:4px;padding:4px;border-radius:999px;background:var(--cream);margin-bottom:16px}
.clp-tab{border:0;border-radius:999px;padding:10px 18px;font:700 14px var(--disp);background:transparent;color:var(--ink);cursor:pointer}
.clp-tab[aria-selected=true]{background:var(--ink);color:#fff}
.clp-list{display:grid;gap:10px}
.clp-cls{display:grid;grid-template-columns:auto auto 1fr auto;gap:4px 16px;align-items:center;padding:14px 16px;border-radius:20px;background:var(--card);box-shadow:0 0 0 1px var(--line)}
.clp-cls__ic{grid-row:span 2;width:40px;height:40px;border-radius:10px}
.clp-cls b{font:700 17px var(--disp);font-variant-numeric:tabular-nums}
.clp-cls>span{color:var(--ink-2)}
.clp-cls .clp-cls__p{grid-column:2/4;color:var(--muted);font-size:14px}
.clp-cls .clp-btn{grid-column:4;grid-row:1/3}
@media (max-width:640px){.clp-cls{grid-template-columns:auto 1fr}.clp-cls__ic{grid-row:auto}.clp-cls>span,.clp-cls .clp-cls__p{grid-column:1/-1}.clp-cls .clp-btn{grid-column:1/-1;grid-row:auto;margin-top:8px}}
.clp-cls--none{padding:22px;border-radius:20px;background:var(--cream);color:var(--ink-2)}

/* faq */
.clp-faq{display:grid;gap:10px}
.clp-faq details{border-radius:20px;background:var(--card);box-shadow:0 0 0 1px var(--line);padding:0 24px}
.clp-faq summary{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:20px 0;cursor:pointer;list-style:none;font:700 clamp(15px,1.4vw,18px)/1.35 var(--disp);letter-spacing:-.015em}
.clp-faq summary::-webkit-details-marker{display:none}
.clp-faq summary::after{content:"";width:12px;height:12px;flex:none;border:2px solid var(--ink);transform:rotate(45deg);border-radius:2px;transition:background .3s var(--ez),border-color .3s}
.clp-faq details[open] summary::after{background:var(--or);border-color:var(--or)}
.clp-faq details p{margin-bottom:22px;color:var(--ink-2);max-width:64ch}

/* end */
.clp-end{text-align:center;padding-top:clamp(90px,12vw,160px);display:grid;grid-template-columns:minmax(0,1fr);justify-items:center;gap:30px}
.clp-end h2{font:800 clamp(30px,5.6vw,76px)/1.08 var(--disp);letter-spacing:-0.018em;max-width:18ch;text-wrap:balance}
.clp-end h2 span{color:#BDB6A6}
.clp-endstrip{display:block;justify-self:start;margin-left:50%;transform:translateX(-50%);width:min(1600px,calc(100vw - 32px));max-width:none!important;height:auto;margin-top:30px}

/* dock */
.clp-dock{position:fixed;left:50%;bottom:calc(14px + env(safe-area-inset-bottom,0px));transform:translateX(-50%);z-index:40;display:flex;align-items:center;gap:14px;padding:8px 8px 8px 20px;border-radius:999px;background:var(--card);box-shadow:0 18px 40px -16px rgba(60,50,20,.45),0 0 0 1px var(--line);max-width:calc(100vw - 32px)}
.clp-dock p{font-size:14px;color:var(--ink-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.clp-dock b{font:700 14px var(--disp);color:var(--ink)}

/* noi dung buoi hoc that (giao trinh giang vien + bai tap Manage) */
.clp-comp__ls>li{align-items:start}
.clp-comp__ls>li::before{padding-top:4px}
@media (min-width:900px){.clp-comp__ls>li{grid-template-columns:auto 64px minmax(0,2.2fr) minmax(0,.8fr)}.clp-comp__kf{margin-top:8px}}
.clp-comp__ls p{margin-top:6px}
.clp-ss__t,.clp-ss__k{display:flex;flex-wrap:wrap;gap:6px;padding:0;margin:10px 0 0;list-style:none}
.clp-ss__t li,.clp-ss__k li{padding:0;border:0;display:inline-flex}
.clp-ss__t li{padding:3px 9px;border-radius:6px;background:var(--cream);font-size:12.5px;color:var(--ink)}
.clp-ss__k li{align-items:center;gap:6px;margin-right:8px;font-size:12.5px;color:var(--muted)}
.clp-ss__k kbd{font:500 11.5px/1 var(--mono);color:var(--ink);background:var(--card);border:1px solid var(--ink);border-bottom-width:3px;border-radius:6px;padding:4px 7px}
.clp-comp__ls .clp-ss__m{margin-top:10px;padding:10px 12px;border-left:3px solid var(--or);background:var(--or-2);border-radius:0 10px 10px 0;color:var(--ink);font-size:14.5px}
.clp-ss__m b{font:500 11px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--or);margin-right:8px}

/* bai cuoi khoa */
.clp-fp{display:grid;gap:clamp(28px,4vw,56px);padding:clamp(24px,4vw,56px);border-radius:32px;background:var(--ink);color:#fff}
@media (min-width:980px){.clp-fp{grid-template-columns:1fr 1fr;align-items:center}}
.clp-fp .clp-label{color:var(--or);font:500 13px var(--mono);letter-spacing:.06em}
.clp-fp h2{font:700 clamp(28px,3.4vw,46px)/1.08 var(--disp);letter-spacing:-.02em;max-width:15ch;text-wrap:balance;margin-top:10px}
.clp-fp__t>p{margin-top:16px;color:#CFC9BB;max-width:46ch}
.clp-fp__steps{margin:22px 0 0;padding:0;list-style:none;display:grid;gap:8px}
.clp-fp__steps li{padding:12px 16px;border-radius:12px;background:rgba(255,255,255,.07);color:#E2DDD1;font-size:15px}
.clp-fp__steps b{color:var(--or);margin-right:8px;font:500 13px var(--mono)}
.clp-fp__tl{min-width:0;padding:22px;border-radius:20px;background:#2A2722}
.clp-fp__rl{display:flex;justify-content:space-between;font:500 12px var(--mono);color:#9C9585;padding-bottom:10px;border-bottom:1px solid rgba(255,255,255,.12);background:repeating-linear-gradient(90deg,rgba(255,255,255,.2) 0 1px,transparent 1px 20px) bottom/100% 6px no-repeat}
.clp-fp__tl ol{display:flex;gap:4px;padding:0;margin:18px 0 0;list-style:none}
.clp-fp__tl ol li{flex:0 0 var(--w);min-width:0;padding:46px 6px 8px;border-radius:8px;background:var(--or);color:var(--ink);font:500 10.5px/1.2 var(--mono);overflow-wrap:normal;hyphens:none}
.clp-fp__tl ol li:nth-child(2n){background:#FFB08A}
.clp-fp__tl ol li:nth-child(5){background:#fff}
.clp-fp__cap{margin-top:14px;color:#9C9585;font-size:14px}
@media (max-width:560px){.clp-fp__tl ol{flex-direction:column}.clp-fp__tl ol li{flex:none;padding:10px 12px;font-size:12.5px}}

/* cach hoc */
.clp-how{display:grid;gap:16px}
@media (min-width:760px){.clp-how{grid-template-columns:repeat(3,1fr)}.clp-how__cert{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:14px 28px;align-items:center}.clp-how__cert>b,.clp-how__cert>p{grid-column:1/-1}}
.clp-how>article{padding:24px;border-radius:22px;background:var(--card);box-shadow:0 0 0 1px var(--line);min-width:0}
.clp-how b{display:block;font:700 18px/1.25 var(--disp)}
.clp-how p{margin-top:8px;color:var(--ink-2)}
.clp-how .clp-how__cert{background:var(--olive-2);box-shadow:none}
.clp-meter{display:grid;gap:10px;margin-top:12px}
.clp-meter span{font-size:15px}
.clp-meter ol{display:flex;gap:6px;padding:0;margin:0;list-style:none}
.clp-meter ol li{flex:1;height:14px;transform:skewX(-12deg);border-radius:3px;background:var(--ink)}
.clp-meter ol li.clp-o2{background:transparent;border:2px dashed rgba(28,26,22,.35)}
.clp-meter__bar{height:14px;border-radius:7px;background:rgba(28,26,22,.12);overflow:hidden}
.clp-meter__bar i{display:block;height:100%;border-radius:7px;background:var(--or)}
/* chinh sach hoc phi (#303) */
.clp-plans{display:grid;gap:0;border-top:1px solid var(--line)}
@media (min-width:900px){.clp-plans{grid-template-columns:repeat(3,1fr)}.clp-plan+.clp-plan{border-left:1px solid var(--line)}}
.clp-plan{display:flex;flex-direction:column;gap:10px;padding:28px 0;border-bottom:1px solid var(--line);min-width:0}
@media (min-width:900px){.clp-plan{padding:32px 32px 36px;border-bottom:0}.clp-plan:first-child{padding-left:0}.clp-plan:last-child{padding-right:0}}
.clp-plan__k{font:500 12.5px/1.4 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.clp-plan--main .clp-plan__k{color:var(--or)}
.clp-plan__p{font:500 clamp(30px,3vw,40px)/1.05 var(--disp);letter-spacing:-.02em;color:var(--ink)}
.clp-plan__p--ask{color:var(--ink-2)}
.clp-plan__s{color:var(--ink-2)}
.clp-plan ul{list-style:none;padding:0;margin:8px 0 18px;display:grid;gap:0;flex:1}
.clp-plan li{padding:10px 0;border-top:1px solid var(--line);color:var(--ink);font-size:15px}
.clp-plan .clp-btn{align-self:flex-start}
/* QC 12/10 toi: dai cuoi trang doc duoc tren dien thoai, bot khoang trong truoc loi keu goi cuoi */
.clp-end{padding-top:clamp(56px,8vw,110px)}
@media (max-width:700px){.clp-endstrip{width:calc(100vw - 24px);height:170px;object-fit:cover;border-radius:18px;margin-top:36px}}
/* chinh sach hoc phi: goi chinh la mot the noi bat; tieu de can theo luoi */
#clp-hoc-phi .clp-hd{align-items:end}
@media (min-width:900px){.clp-plan--main{background:#FFF1E6;border-radius:22px;padding-left:28px!important;padding-right:28px!important}.clp-plan--main+.clp-plan{border-left:0}.clp-plans{border-top:0;gap:0 8px}}
@media (max-width:899px){.clp-plan--main{background:#FFF1E6;border-radius:20px;padding:24px 20px!important;border-bottom:0;margin-bottom:6px}}
.clp-who b{text-wrap:balance}
@media (min-width:900px){.clp-who{gap:18px 28px}}
/* giao trinh tren dien thoai: so + hinh nam tren, chu chay het chieu ngang */
@media (max-width:699px){.clp-comp__ls>li{grid-template-columns:auto 1fr;gap:10px 12px;padding:18px 16px}.clp-comp__ls>li::before{align-self:center;padding-top:0;width:auto}.clp-comp__ls img{width:52px;height:52px}.clp-comp__ls>li>div,.clp-comp__ls>li>:nth-child(n+3){grid-column:1/-1}}
/* bai cuoi khoa (13/10): ba style frame that (bo an pham "Dem nhac san thuong" lam bang Photoshop) tren thuoc 0-45s */
.clp-fp__sf{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:16px}
.clp-fp__sf figure{margin:0;display:grid;gap:6px;min-width:0}
.clp-fp__sf img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:8px;box-shadow:0 0 0 1px rgba(255,255,255,.14)}
.clp-fp__sf figcaption{font:500 10.5px var(--mono);color:#9C9585;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.clp-fp__tl ol li{padding-top:14px}
@media (max-width:699px){.clp-fp__tl ol{flex-direction:row;flex-wrap:wrap}.clp-fp__tl ol li{flex:1 1 auto;padding:8px 12px}}
@media (max-width:699px){.clp-fp__sf figcaption span{display:none}}