.complete-page{--pine:#124d3e;--mint:#83e3b7;--gold:#d4b567;--ink:#153d34}
.reading-progress{position:fixed;top:82px;left:0;right:0;height:3px;z-index:24;background:transparent;pointer-events:none}.reading-progress span{display:block;height:100%;width:0;background:linear-gradient(90deg,#29b987,#e0c36d);transition:width .15s linear}
.complete-page .opening{position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 14% 15%,#1e5949,transparent 58%),radial-gradient(ellipse at 88% 85%,#244c3e,transparent 55%),#0a2d28}
.complete-page .opening:before{display:block;content:"";position:absolute;right:-190px;top:-250px;width:650px;height:650px;border:1px solid #b3e4c82b;border-radius:50%;box-shadow:0 0 0 70px #b3e4c809,0 0 0 140px #b3e4c805;z-index:-1;animation:ambient-drift 16s ease-in-out infinite}
.complete-page .opening h1 em{color:#a6eac5;text-shadow:0 0 42px #82d9ac15}.complete-page .hero-media{position:relative}.complete-page .hero-media .main-player{border:1px solid #87c7aa;box-shadow:0 24px 65px #001b1760}
.complete-page .reading{padding-top:70px;padding-bottom:70px}.complete-page .reading:nth-of-type(3n){background:linear-gradient(115deg,#f2f8f480,transparent 75%)}
.content-icon{display:inline-flex;align-items:center;justify-content:center;flex:none;width:54px;height:54px;background:#e2f3e9;border:1px solid #c4e2d3;color:#17684e;border-radius:17px}.content-icon svg{width:29px;height:29px}
.complete-heading{display:flex;align-items:flex-start;gap:20px;margin-bottom:32px}.complete-heading .content-icon{margin-top:2px}.complete-heading h2{margin:0 0 16px}.complete-heading p{max-width:760px;margin:0;color:#547065}
.visual-grid{display:grid;gap:22px}.visual-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.visual-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}
.visual-card{position:relative;min-width:0;padding:28px;border:1px solid #d5e5db;background:linear-gradient(145deg,#fff,#f6faf7);border-radius:20px;box-shadow:0 6px 24px #17463706;transition:border-color .25s,box-shadow .25s}
.visual-card h3{margin:22px 0 14px;font-size:23px}.visual-card p{font-size:18px;line-height:1.8;margin:0}.visual-card .content-icon{background:#f3f8f1;border-color:#e0e9dd}
.visual-grid.two .visual-card:nth-child(2){background:#eff8f2}.visual-card:hover{border-color:#83b9a0;box-shadow:0 12px 36px #17463712}
.learning-map{display:flex;gap:12px;align-items:center;justify-content:space-between;padding:24px 10px 0;margin-top:20px}.learning-map span{font-size:17px;font-weight:700;display:flex;align-items:center;justify-content:center;min-height:65px;flex:1;border-bottom:3px solid #96cfb1;text-align:center}.learning-map i{color:#197155;font-style:normal}
.lesson-timeline{counter-reset:lesson;list-style:none;padding:0;margin:0;max-width:860px}.lesson-timeline li{position:relative;display:flex;gap:26px;padding:0 0 30px;min-width:0}.lesson-timeline li:not(:last-child):before{content:"";position:absolute;top:52px;bottom:0;left:27px;width:2px;background:linear-gradient(#71bc98,#d9ebdf)}.step-index{position:relative;flex:none;display:flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:50%;background:#145d47;color:#fff;font-weight:800;font-size:21px;box-shadow:0 0 0 7px #eaf4ee}.lesson-timeline h3{font-size:24px;margin:4px 0 12px}.lesson-timeline p{margin:0;color:#4a685b;font-size:19px}
.parent-report{display:flex;gap:22px;align-items:flex-start;background:#0e4537;color:#f4f9f5;padding:28px;border-radius:18px;margin-top:16px}.parent-report h3{font-size:24px;margin:0 0 12px}.parent-report p{margin:0;color:#d7e9df}.parent-report .content-icon{background:#1c5f4d;color:#9de5bc;border-color:#387b62}
.complete-page .feedback{background:linear-gradient(120deg,#eaf6ef,#f7faf6);border-top:1px solid #d2e5d8;border-bottom:1px solid #d2e5d8}.complete-page .feedback .lesson-grid{gap:32px}.complete-page .feedback .lesson-card,.complete-page #ket-qua .lesson-card{padding:18px;background:#fff;border:1px solid #d6e4da;border-radius:20px;box-shadow:0 8px 24px #17463706}.complete-page .feedback .lesson-card p{font-size:17px;margin-bottom:4px}
.feedback-mosaic{display:grid;grid-template-columns:1.15fr 1fr 1fr;gap:24px}.feedback-photo{min-width:0}.feedback-photo h3{font-size:23px;margin-top:20px}.feedback-photo p{font-size:18px;line-height:1.8}.proof-photo{width:100%;position:relative;background:#eef4ef;border:1px solid #d0dfd5;padding:0;overflow:hidden;border-radius:16px;cursor:zoom-in;display:block}.proof-photo img{display:block;width:100%;height:300px;object-fit:contain;transition:transform .5s}.proof-photo span{position:absolute;bottom:12px;right:12px;font-size:14px;font-weight:700;background:#e0faeb;color:#124b39;border-radius:24px;padding:5px 13px;box-shadow:0 3px 12px #05231e20}.proof-photo:hover img{transform:scale(1.025)}
.complete-page #ket-qua .lesson-grid{gap:30px}.complete-page .complete-collection{border-bottom:1px solid #dce8e1}.complete-page .complete-collection>.wrap{padding:0}.complete-page .complete-collection #xem-lai-bao-gia{padding:0}.complete-page .complete-collection .lesson-grid{gap:32px}.complete-page .complete-collection .lesson-card{padding:18px;border-radius:18px;background:#fff;border:1px solid #d4e4d9;box-shadow:0 6px 24px #17463706}.complete-page .complete-collection .lesson-card h3{font-size:23px}.complete-page .complete-collection .lesson-card p{font-size:18px}.complete-page .complete-collection .section-heading{margin-top:30px}.complete-page .complete-collection .reading{padding:56px 0}.complete-page .complete-collection .opening{border-radius:20px;padding:36px 26px}.complete-page .complete-collection .opening h1,.complete-page .complete-collection .opening .lead,.complete-page .complete-collection .opening .value-cta{display:none}.complete-page .complete-collection .webinar-pair{display:grid;grid-template-columns:1fr 1fr;gap:26px}.complete-page .complete-collection .webinar-panel{min-width:0}.complete-page .complete-collection .webinar-panel h2{font-size:25px}.complete-page .complete-collection .webinar-summary{font-size:17px}
.complete-page .answers{max-width:none;display:grid;grid-template-columns:1fr 1fr;gap:22px}.complete-page .answers .answer-card{padding:26px;border:1px solid #d5e4d9;border-radius:18px;background:#fff;position:relative}.answer-card>.content-icon{width:42px;height:42px;border-radius:13px;margin-bottom:18px}.answer-card>.content-icon svg{width:23px;height:23px}.complete-page .answers h3{font-size:23px}.complete-page .answers p{font-size:18px;line-height:1.8}.complete-page .answers p+p{margin-top:12px}
.complete-page .offer-icon{background:#e1f3e9;color:#136e53;border-radius:50%;width:44px;height:44px;display:flex;align-items:center;justify-content:center}.complete-page .offer-benefits{box-shadow:0 12px 36px #1646310b;border-radius:18px;overflow:hidden}.complete-page .pricing-video{background:linear-gradient(150deg,#edf6ef,#e3efe7)}.complete-page .optional-video{background:#fff;box-shadow:0 7px 25px #1646310b}.complete-page .refund-promise{box-shadow:0 5px 20px #16463108;border-left:5px solid #2b9670}
.complete-page .program-columns article{padding:26px;border-radius:18px;background:#f6faf6;border:1px solid #d7e6db}.complete-page .program-columns article h3{font-size:24px}.complete-page .after-registration ol{padding-left:28px}.complete-page .after-registration li{padding:8px 0}
.complete-page .main-player{transition:box-shadow .3s,border-color .3s}.complete-page .main-player:hover{box-shadow:0 12px 35px #154a3525;border-color:#73b094}.complete-page .main-player:focus-within{outline:3px solid #63c69b;outline-offset:3px}.complete-page .video-play{transition:background .2s,box-shadow .2s}.complete-page .video-play:hover{background:#a3eccb;box-shadow:0 0 0 9px #83e3b72b}.complete-page .primary:focus-visible,.complete-page a:focus-visible{outline:3px solid #b9953c;outline-offset:4px}
@keyframes ambient-drift{0%,100%{transform:translate(0,0)}50%{transform:translate(-28px,35px)}}
@media(max-width:700px){
 .reading-progress{top:112px}.complete-page .reading{padding-top:44px;padding-bottom:44px}.complete-heading{gap:14px;display:block}.complete-heading>.content-icon{margin-bottom:18px}.complete-heading h2{font-size:29px}.complete-heading p{font-size:18px}.visual-grid.three,.visual-grid.two,.feedback-mosaic,.complete-page .answers{grid-template-columns:1fr;gap:18px}.visual-card{padding:23px}.visual-card h3{font-size:23px;margin-top:18px}.content-icon{width:48px;height:48px;border-radius:15px}.content-icon svg{width:26px;height:26px}
 .learning-map{display:grid;grid-template-columns:1fr;gap:0;padding:10px 0 0}.learning-map span{min-height:58px;border:1px solid #d4e5d8;border-radius:12px;background:#f4f9f4}.learning-map i{text-align:center;transform:rotate(90deg);font-size:20px;height:35px}.lesson-timeline li{gap:20px;padding-bottom:30px}.step-index{width:46px;height:46px;font-size:18px;box-shadow:0 0 0 5px #eaf4ee}.lesson-timeline li:not(:last-child):before{left:22px;top:46px}.lesson-timeline h3{font-size:22px}.lesson-timeline p{font-size:18px}.parent-report{display:block;padding:23px}.parent-report .content-icon{margin-bottom:18px}.parent-report h3{font-size:23px}.feedback-photo .proof-photo img{height:310px}.complete-page .complete-collection .webinar-pair{grid-template-columns:1fr}.complete-page .complete-collection .opening{padding:28px 18px}.complete-page .complete-collection .lesson-card{padding:14px}.complete-page .answers .answer-card{padding:23px}.complete-page .program-columns article{padding:22px}.complete-page .program-columns{gap:20px}.complete-page .opening:before{right:-430px;top:-210px}
}
@media(prefers-reduced-motion:reduce){.complete-page .opening:before{animation:none}.reading-progress span,.visual-card,.proof-photo img,.complete-page .main-player,.complete-page .video-play{transition:none}.complete-page .primary:after,.complete-page .sticky-register{animation:none}}