:root{--bg:#060a0d;--bg2:#0a1115;--card:#0d151a;--line:#233039;--text:#f3f6f7;--muted:#a9b4ba;--green:#9bdd18;--green2:#55c92e;--radius:20px;--shadow:0 22px 70px #0008}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 70% 10%,#0b2b20 0,transparent 30%),var(--bg);color:var(--text);font-family:Montserrat,Arial,sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.section-shell{width:min(1180px,calc(100% - 40px));margin:auto}.announcement{min-height:40px;padding:7px 48px;display:flex;align-items:center;justify-content:center;gap:18px;background:linear-gradient(90deg,#75bd08,#b5ec2d);color:#071000;font-size:13px;font-weight:700;position:relative}.announcement a{background:#071009;color:white;padding:6px 14px;border-radius:99px}.announcement button{position:absolute;right:16px;border:0;background:none;font-size:22px;cursor:pointer}.site-header{height:74px;display:flex;align-items:center;gap:35px;padding:0 max(24px,calc((100vw - 1180px)/2));position:sticky;top:0;z-index:30;background:#060a0df2;border-bottom:1px solid #ffffff12;backdrop-filter:blur(15px)}.brand{display:flex;flex-direction:column;line-height:1}.brand strong{font-size:25px;letter-spacing:1px}.brand span{font-size:12px;letter-spacing:7px;color:var(--green);margin-top:6px}.nav{display:flex;gap:28px;margin-left:auto}.nav a{font-size:13px;font-weight:700;color:#c9d0d4}.nav a:hover{color:var(--green)}.nav-toggle{display:none}.button{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--green);background:linear-gradient(135deg,var(--green),#6cae08);color:#071000;font-weight:800;text-transform:uppercase;letter-spacing:.4px;padding:14px 22px;border-radius:9px;box-shadow:0 8px 30px #84d71330;transition:.25s;cursor:pointer}.button:hover{transform:translateY(-2px);filter:brightness(1.08)}.button-small{padding:10px 16px;font-size:12px}.button-ghost{background:transparent;color:white;border-color:#ffffff44}.hero{min-height:690px;display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;gap:35px;padding:70px 0}.eyebrow{font-size:13px;font-weight:800;letter-spacing:1.7px;color:var(--green);margin:0 0 12px}.hero h1{font-size:clamp(42px,5vw,72px);line-height:1.06;margin:0 0 24px;letter-spacing:-2.7px}.hero h1 em{font-style:normal;color:var(--green)}.hero-text{max-width:600px;color:#c0c8cc;font-size:17px}.hero-actions{display:flex;gap:14px;margin:30px 0}.trust{display:flex;gap:12px;align-items:center;font-size:12px;color:var(--muted)}.trust b{color:var(--green)}.avatars{color:var(--green);letter-spacing:-5px;font-size:24px}.hero-visual{position:relative;height:570px}.screen{position:absolute;width:67%;height:52%;left:18%;top:23%;border:1px solid #ffffff24;border-radius:22px;background:linear-gradient(155deg,#172128,#071016);box-shadow:var(--shadow);transform:perspective(1000px) rotateY(-8deg);overflow:hidden}.screen-bar{height:32px;background:#ffffff08;display:flex;gap:6px;padding:11px}.screen-bar i{width:8px;height:8px;background:#6b7479;border-radius:50%}.screen-content{height:calc(100% - 32px);display:flex;flex-direction:column;justify-content:center;align-items:center;background:radial-gradient(circle,#1a4d33,#081015 56%);text-align:center}.screen-content span{letter-spacing:6px;color:var(--green)}.screen-content b{font-size:22px;margin:10px}.screen-content small{color:#9fb0b8}.floating-card{position:absolute;width:30%;aspect-ratio:3/2;border-radius:16px;padding:5px;background:#0a1014;border:1px solid #ffffff30;box-shadow:0 15px 40px #000c;overflow:hidden}.floating-card img{width:100%;height:100%;object-fit:contain;border-radius:12px;background:#070b0e}.card-a{left:0;top:5%;transform:rotate(-6deg)}.card-b{left:3%;bottom:4%;transform:rotate(5deg)}.card-c{right:0;top:2%;transform:rotate(6deg)}.card-d{right:2%;bottom:5%;transform:rotate(-5deg)}.section{padding:90px 0}.section-heading{text-align:center;max-width:700px;margin:0 auto 40px}.section-heading h2,.benefits h2,.split h2,.teacher h2{font-size:clamp(30px,4vw,46px);line-height:1.15;margin:0 0 12px}.section-heading p{color:var(--muted)}.course-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.course-card{background:linear-gradient(160deg,#111b20,#080d10);border:1px solid #26343c;border-radius:var(--radius);overflow:hidden;display:flex;flex-direction:column;transition:.25s}.course-card:hover{transform:translateY(-6px);border-color:#84cd2270}.course-image{aspect-ratio:1.43/1;background:#040708;padding:7px}.course-image img{width:100%;height:100%;object-fit:contain;border-radius:13px}.course-body{padding:20px;display:flex;flex-direction:column;flex:1}.course-body>span{color:var(--green);font-size:11px;font-weight:800}.course-body h3{font-size:19px;line-height:1.25;margin:8px 0}.course-body p{font-size:13px;color:var(--muted);flex:1}.course-body>div{display:flex;align-items:center;justify-content:space-between;gap:10px}.course-body b{color:var(--green);font-size:18px}.course-body a{font-size:11px;border:1px solid #ffffff2c;border-radius:99px;padding:7px 10px}.benefits{background:linear-gradient(90deg,#07110d,#0c1914,#07110d);border-top:1px solid #7fd61320;border-bottom:1px solid #7fd61320}.benefit-grid{display:grid;grid-template-columns:1.4fr repeat(5,1fr);gap:22px;align-items:start}.benefit-grid article{border-left:1px solid #ffffff18;padding-left:20px}.benefit-grid article b{font-size:28px;color:var(--green)}.benefit-grid h3{font-size:14px;margin:7px 0}.benefit-grid p{font-size:12px;color:var(--muted)}.showcase-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:15px}.showcase figure{margin:0}.art{aspect-ratio:1.45/1;border-radius:16px;border:1px solid #ffffff24;display:grid;place-items:center;font-weight:900;text-align:center;padding:14px;box-shadow:inset 0 0 50px #0007}.poster-art{background:linear-gradient(135deg,#734016,#12100e)}.thumb-art{background:linear-gradient(135deg,#8e1b19,#111)}.video-art{background:linear-gradient(135deg,#173751,#0b0d12);font-size:34px}.ai-art{background:linear-gradient(135deg,#334071,#2b142e)}.audio-art{background:linear-gradient(135deg,#123d2d,#07100d);color:var(--green)}.showcase figcaption{text-align:center;text-transform:uppercase;font-size:11px;margin-top:9px;color:#bcc5c9}.split{display:grid;grid-template-columns:1.2fr .8fr;gap:60px;align-items:start}.steps{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-top:45px}.steps article{position:relative}.steps b{display:grid;place-items:center;width:47px;height:47px;border-radius:50%;border:1px solid var(--green);color:var(--green)}.steps article:not(:last-child):after{content:'→';position:absolute;top:12px;right:-5px;color:#60725f}.steps h3{font-size:13px}.steps p{font-size:11px;color:var(--muted)}.register-card{background:linear-gradient(150deg,#11231a,#0a1010);border:1px solid #6aa81e77;border-radius:22px;padding:30px;box-shadow:var(--shadow)}.register-card h2{font-size:30px}.register-card form{display:grid;gap:14px}.register-card label{font-size:12px;font-weight:700}.register-card input,.register-card select,.register-card textarea{width:100%;margin-top:6px;background:#f2f4f5;color:#0a0d0f;border:0;border-radius:7px;padding:12px}.register-card textarea{min-height:95px;resize:vertical}.register-card small{text-align:center;color:var(--muted)}.teacher{background:#0a1114}.teacher-inner{display:flex;align-items:center;gap:35px;max-width:900px}.teacher-avatar{width:170px;height:170px;flex:0 0 auto;border-radius:50%;display:grid;place-items:center;border:2px solid var(--green);background:radial-gradient(circle,#395e1e,#071009 70%);font-weight:900;font-size:27px}.teacher p{color:var(--muted)}.cta{margin-top:60px;margin-bottom:60px;border:1px solid #79c81d5c;border-radius:24px;padding:35px;display:flex;align-items:center;justify-content:space-between;background:linear-gradient(90deg,#0b2418,#08100d)}.cta h2{margin:0}.cta p{color:var(--green);font-size:20px;font-weight:800;margin:5px 0}footer{border-top:1px solid #ffffff14;padding:45px 0;background:#040607}.footer-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:30px}.footer-grid p{color:var(--muted)}.zalo-float,.chat-toggle{position:fixed;right:22px;z-index:45;border:0;cursor:pointer;box-shadow:0 8px 25px #0008}.zalo-float{bottom:22px;background:#168bff;color:white;width:58px;height:58px;display:grid;place-items:center;border-radius:50%;font-weight:800}.chat-toggle{bottom:90px;background:white;width:48px;height:48px;border-radius:50%;font-size:20px}.chatbot{position:fixed;right:22px;bottom:150px;width:330px;background:white;color:#13181b;border-radius:17px;z-index:50;box-shadow:var(--shadow);overflow:hidden}.chatbot header{background:#12351f;color:white;padding:15px;display:flex;justify-content:space-between}.chatbot header small{display:block;color:#9bdd18}.chatbot header button{background:none;color:white;border:0;font-size:22px}.chat-log{padding:15px;min-height:120px;max-height:230px;overflow:auto;background:#eff3f1}.bot,.user-msg{padding:10px;border-radius:12px;font-size:12px}.bot{background:white}.user-msg{background:#dff5bd;margin-left:40px}.quick-replies{display:flex;gap:7px;flex-wrap:wrap;padding:13px}.quick-replies button,.quick-replies a{border:1px solid #d2d9d5;border-radius:8px;background:white;padding:8px;font-size:11px}.quick-replies a{background:#168bff;color:white}.modal{position:fixed;inset:0;background:#000b;display:none;place-items:center;z-index:100;padding:20px}.modal.show{display:grid}.modal-card{width:min(500px,100%);position:relative;background:linear-gradient(145deg,#12231b,#070b0d);border:1px solid #8bd624;border-radius:25px;padding:35px;text-align:center;box-shadow:var(--shadow)}.modal-close{position:absolute;right:15px;top:10px;border:0;background:none;color:white;font-size:28px}.gift{font-size:45px}.modal-options{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:22px 0}.modal-options button{padding:12px;border-radius:9px;background:#101b16;color:white;border:1px solid #ffffff22}.toast{position:fixed;left:50%;bottom:25px;transform:translate(-50%,20px);background:#101716;border:1px solid var(--green);padding:12px 20px;border-radius:10px;opacity:0;pointer-events:none;transition:.25s;z-index:120}.toast.show{opacity:1;transform:translate(-50%,0)}@media(max-width:1000px){.nav{display:none;position:absolute;top:74px;left:0;right:0;background:#080d10;padding:20px;flex-direction:column}.nav.open{display:flex}.nav-toggle{display:block;margin-left:auto;background:none;border:0;color:white;font-size:24px}.site-header>.button{display:none}.hero{grid-template-columns:1fr;padding-top:55px}.hero-visual{height:520px}.course-grid{grid-template-columns:repeat(2,1fr)}.benefit-grid{grid-template-columns:repeat(3,1fr)}.benefit-grid>div{grid-column:1/-1}.split{grid-template-columns:1fr}.steps{grid-template-columns:repeat(5,1fr)}}@media(max-width:680px){.section-shell{width:min(100% - 24px,1180px)}.announcement{padding:8px 36px 8px 12px;font-size:10px;gap:8px}.announcement a{display:none}.site-header{padding:0 14px}.hero{min-height:auto}.hero h1{font-size:42px}.hero-actions{flex-direction:column;align-items:stretch}.hero-visual{height:390px}.floating-card{width:39%}.screen{width:74%;left:13%}.course-grid,.showcase-grid{grid-template-columns:1fr}.course-image{aspect-ratio:1.5}.benefit-grid{grid-template-columns:1fr 1fr}.steps{grid-template-columns:1fr}.steps article{padding-left:62px;min-height:55px}.steps b{position:absolute;left:0}.steps article:after{display:none}.teacher-inner,.cta{flex-direction:column;align-items:flex-start}.footer-grid{grid-template-columns:1fr}.chatbot{right:12px;bottom:145px;width:calc(100% - 24px)}.modal-options{grid-template-columns:1fr}.section{padding:65px 0}}

/* ===== Refinement v3 ===== */
.teacher-signature{display:none!important}
.teacher-photo{object-position:center 24%}
.showcase .art img{
  object-fit:cover;
  object-position:center;
}
.showcase .art{
  aspect-ratio:1.45/1;
  background:#0b1114;
}

/* ===== Exact original instructor photo v4 ===== */
.teacher-photo{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center 68%!important;
  filter:none!important;
  transform:none!important;
}


/* ===== V5 tested layout fixes ===== */
.hero-visual{min-width:0;overflow:visible}
.screen{display:block;isolation:isolate}
.dashboard-ui{height:calc(100% - 32px);display:grid;grid-template-columns:72px 1fr;background:radial-gradient(circle at 70% 40%,#154d31 0,#0b1717 38%,#071014 75%);overflow:hidden}
.dashboard-ui aside{padding:18px 10px;background:#07100f;border-right:1px solid #ffffff14;display:flex;flex-direction:column;gap:17px;color:#7f8d8a;font-size:9px}
.dashboard-ui aside b{width:32px;height:32px;border:1px solid var(--green);border-radius:8px;display:grid;place-items:center;color:var(--green);font-size:13px}
.dashboard-main{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:18px;min-width:0}
.dashboard-main small{color:var(--green);letter-spacing:4px;font-size:9px}
.dashboard-main h3{font-size:clamp(16px,2vw,25px);line-height:1.05;margin:12px 0;color:#fff}
.dashboard-main h3 em{font-style:normal;color:var(--green)}
.dashboard-main p{font-size:10px;color:#9aa8aa;margin:10px 0 0}
.dash-progress{display:flex;gap:7px;width:min(210px,80%)}
.dash-progress i{height:5px;border-radius:10px;background:#21302d;flex:1}
.dash-progress i:first-child,.dash-progress i:nth-child(2){background:var(--green)}

.showcase{overflow:hidden}
.showcase-grid{width:100%;grid-template-columns:repeat(5,minmax(0,1fr));align-items:start}
.showcase figure{min-width:0;width:100%}
.showcase .art{position:relative;width:100%;height:auto;aspect-ratio:1.45/1;padding:0;overflow:hidden;display:block;background:#0b1114}
.showcase .art img{display:block;width:100%!important;height:100%!important;max-width:100%;object-fit:cover!important;object-position:center!important}
.play-badge{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:#fff;color:#111;box-shadow:0 8px 25px #0008}

.teacher-photo-wrap{width:270px;height:270px;flex:0 0 270px;border-radius:50%;padding:10px;border:2px solid var(--green);box-shadow:0 0 0 10px #9bdd1810,0 0 45px #65b41525;overflow:hidden;background:#07100b}
.teacher-photo{display:block;width:100%;height:100%;border-radius:50%;object-fit:cover!important;object-position:center 72%!important;filter:none!important;transform:none!important}
.teacher-inner{max-width:1180px;display:grid;grid-template-columns:300px 1fr;gap:60px;align-items:center}
.teacher-content{min-width:0}
.teacher-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:24px 0}
.teacher-facts article{border:1px solid #ffffff1c;border-radius:15px;padding:18px;background:#07100d}
.teacher-facts b{display:block;color:var(--green);font-size:20px;margin-bottom:6px}
.teacher-facts span{font-size:12px;color:var(--muted)}
.teacher-list{display:grid;grid-template-columns:1fr 1fr;gap:8px 28px;padding:0;list-style:none}
.teacher-list li{font-size:13px;color:#c9d0d2}
.teacher-list li:before{content:'✓';color:var(--green);font-weight:900;margin-right:10px}

@media(max-width:1000px){
 .showcase-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
 .teacher-inner{grid-template-columns:240px 1fr;gap:35px}
 .teacher-photo-wrap{width:220px;height:220px;flex-basis:220px}
}
@media(max-width:680px){
 .showcase-grid{grid-template-columns:1fr 1fr;gap:12px}
 .showcase .art{aspect-ratio:1.3/1}
 .teacher-inner{display:flex;flex-direction:column;align-items:center;text-align:center}
 .teacher-photo-wrap{width:220px;height:220px;flex-basis:220px}
 .teacher-facts,.teacher-list{grid-template-columns:1fr;width:100%;text-align:left}
 .dashboard-ui{grid-template-columns:52px 1fr}
 .dashboard-ui aside span{display:none}
}