:root{--bg:#0c090a;--panel:#151112;--panel2:#1e1718;--line:#443033;--red:#ef1f2d;--gold:#ffb000;--cream:#fff8ee;--muted:#cbbfc0;--green:#50e3a4}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 80% 5%,#351014 0,transparent 28%),var(--bg);color:var(--cream);font-family:"Be Vietnam Pro",sans-serif;line-height:1.65}.sitebar{position:sticky;top:0;z-index:20;display:flex;justify-content:space-between;align-items:center;padding:16px max(24px,calc((100vw - 1240px)/2));background:rgba(12,9,10,.88);backdrop-filter:blur(14px);border-bottom:1px solid rgba(255,255,255,.08)}.brand{font-weight:900;letter-spacing:.08em;color:#fff;text-decoration:none}.text-link{color:var(--gold);text-decoration:none;font-weight:700}main{overflow:hidden}.hero,.pain,.outcome,.split,.instructor,.faq,.offer,.final-cta,.hub-hero,.course-grid{width:min(1240px,calc(100% - 40px));margin-inline:auto}.hero{display:grid;grid-template-columns:1fr 1.08fr;gap:52px;align-items:center;padding:72px 0 86px}.eyebrow{margin:0 0 14px;color:var(--gold);font-size:.8rem;font-weight:900;letter-spacing:.14em;text-transform:uppercase}.hero h1,.hub-hero h1{font-size:clamp(2.25rem,5vw,4.9rem);line-height:1.03;margin:0 0 22px;letter-spacing:-.045em}.hero-sub{font-size:clamp(1.05rem,1.8vw,1.35rem);color:var(--muted);max-width:700px}.price{font-size:clamp(2.1rem,4vw,3.8rem);font-weight:900;color:var(--green);margin:20px 0}.button{display:inline-flex;justify-content:center;align-items:center;padding:16px 24px;background:linear-gradient(135deg,#ff2635,#bf0f1e);color:#fff;text-decoration:none;border:0;border-radius:12px;font:800 1rem/1.2 inherit;cursor:pointer;box-shadow:0 12px 34px rgba(239,31,45,.25);transition:.2s transform,.2s box-shadow}.button:hover{transform:translateY(-2px);box-shadow:0 16px 40px rgba(239,31,45,.38)}.micro{font-size:.78rem;color:#978a8b}.hero-img{width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:24px;border:1px solid #66343a;box-shadow:0 30px 90px rgba(0,0,0,.45)}.pain{padding:72px clamp(24px,6vw,88px);text-align:center;background:var(--cream);color:#241a1b;border-radius:28px}.pain h2,.section-head h2,.split h2,.instructor h2,.faq h2,.offer h2,.final-cta h2{font-size:clamp(1.8rem,3.6vw,3.25rem);line-height:1.15;margin:0 0 22px}.pain p:last-child{max-width:900px;margin:0 auto;font-size:1.1rem}.outcome{padding:100px 0}.section-head{max-width:760px;margin-bottom:42px}.stage{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;padding:34px 0;border-top:1px solid var(--line)}.stage:nth-child(odd) .stage-copy{order:2}.stage img{width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:20px;border:1px solid #5d3b3e}.stage-no{font-size:3.8rem;color:var(--red);font-weight:900;line-height:1}.stage h3{font-size:clamp(1.45rem,2.8vw,2.4rem);line-height:1.15;margin:8px 0}.stage p{color:var(--muted);font-size:1.05rem}.split{display:grid;grid-template-columns:1fr 1fr;gap:30px;padding:34px 0 96px}.split>div{padding:42px;border-radius:24px;border:1px solid var(--line);background:var(--panel)}.dark-card{background:linear-gradient(145deg,#281316,#121011)!important}.checklist{list-style:none;padding:0;margin:24px 0 0;display:grid;gap:14px}.checklist li{display:flex;gap:12px;padding:13px 0;border-bottom:1px solid rgba(255,255,255,.08)}.checklist li span:first-child{color:var(--gold);font-weight:900}.instructor{display:grid;grid-template-columns:.75fr 1.25fr;gap:55px;align-items:center;padding:60px;background:var(--cream);color:#211718;border-radius:28px}.instructor img{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:22px}.faq{padding:96px 0;max-width:900px}.faq details{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:20px 24px;margin:12px 0}.faq summary{font-weight:800;cursor:pointer}.faq details p{color:var(--muted)}.offer{display:grid;grid-template-columns:.9fr 1.1fr;gap:44px;align-items:center;padding:58px;background:linear-gradient(145deg,#281316,#121011);border:1px solid #6f2a32;border-radius:28px}.lead-form{background:var(--cream);color:#211718;padding:34px;border-radius:20px}.lead-form h2{font-size:1.7rem}.lead-form label{display:block;font-weight:700;margin:14px 0}.lead-form input{display:block;width:100%;padding:14px;margin-top:7px;border:1px solid #bcaeb0;border-radius:9px;font:inherit}.lead-form .button{width:100%;margin-top:12px}.lead-form small{display:block;margin-top:12px;color:#655}.trap{position:absolute!important;left:-9999px!important}.form-status{margin-top:12px;font-weight:700}.final-cta{text-align:center;padding:100px 20px}.final-cta p{color:var(--muted);font-size:1.1rem}footer{display:flex;justify-content:space-between;gap:20px;padding:30px max(24px,calc((100vw - 1240px)/2));border-top:1px solid var(--line);color:#a9999b}footer a{color:var(--gold);text-decoration:none}.hub-hero{text-align:center;padding:90px 0 54px}.hub-hero p:last-child{color:var(--muted);font-size:1.15rem}.course-grid{display:grid;grid-template-columns:1fr 1fr;gap:26px;padding-bottom:96px}.course-card{position:relative;background:var(--panel);border:1px solid var(--line);border-radius:24px;overflow:hidden}.course-card img{width:100%;aspect-ratio:16/9;object-fit:cover}.course-card-body{padding:30px}.course-card h2{font-size:1.55rem;line-height:1.25;margin:0}.course-card p{color:var(--muted)}.course-number{position:absolute;top:15px;left:15px;background:#0b0809d9;color:#fff;border:1px solid #ffffff30;border-radius:999px;padding:6px 12px;font-weight:900}.course-card .price{font-size:2rem}.course-card .button{width:100%}@media(max-width:800px){.hero,.stage,.split,.instructor,.offer,.course-grid{grid-template-columns:1fr}.hero{padding-top:46px;gap:30px}.hero-copy{text-align:center}.hero-img{order:-1}.stage:nth-child(odd) .stage-copy{order:0}.stage{gap:18px}.stage img{order:-1}.instructor,.offer{padding:28px}.split>div{padding:28px}.course-grid{gap:18px}.sitebar{padding:14px 20px}.brand{font-size:.85rem}.text-link{font-size:.8rem}footer{flex-direction:column}.pain{border-radius:18px}.hero h1{font-size:2.4rem}}
/* Giữ trọn khung ảnh: không cắt đầu, mặt hoặc chữ trong ảnh nguồn. */
.hero-img {
  display: block;
  width: auto;
  max-width: 100%;
  height: auto;
  max-height: 720px;
  aspect-ratio: auto;
  object-fit: contain;
  justify-self: center;
  background: #120e0f;
}

.stage {
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  padding-block: 42px;
}

.stage > * {
  min-width: 0;
}

.stage img {
  display: block;
  width: auto;
  max-width: 100%;
  height: auto;
  max-height: 640px;
  aspect-ratio: auto;
  object-fit: contain;
  justify-self: center;
  background: #120e0f;
}

.stage h3 {
  overflow-wrap: anywhere;
}

.course-card img {
  object-fit: contain;
  background: #120e0f;
}

@media (max-width: 800px) {
  .hero-img,
  .stage img {
    width: 100%;
    max-height: none;
  }

  .stage {
    grid-template-columns: 1fr;
    gap: 22px;
    padding-block: 32px;
  }
}
[hidden] {
  display: none !important;
}

.payment-box {
  margin-top: 24px;
  padding: 24px;
  border: 2px solid #e0b052;
  border-radius: 16px;
  background: #fff9ed;
  text-align: center;
}

.payment-box h3 {
  margin: 0 0 14px;
  font-size: 1.45rem;
}

.payment-qr {
  display: block;
  width: min(100%, 340px);
  height: auto;
  margin: 0 auto 14px;
  border: 1px solid #e8d7b1;
  border-radius: 14px;
  background: #fff;
}

.payment-amount {
  color: #b20c19;
  font-size: 1.25rem;
}

.payment-transfer {
  padding: 10px 12px;
  overflow-wrap: anywhere;
  border-radius: 9px;
  background: #211718;
  color: #fff;
  font-weight: 800;
}

.payment-checking {
  color: #7a5700;
  font-weight: 700;
}

.payment-success {
  margin-top: 16px;
  padding: 18px;
  border-radius: 12px;
  background: #e7f8ef;
  color: #075b3e;
}

.payment-success .button {
  margin-top: 8px;
}

.lead-form button:disabled {
  cursor: wait;
  opacity: .65;
  transform: none;
}