.checkout-page{background:#fcfdff;color:#0b1952}.checkout-container{width:calc(100% - 64px);max-width:1200px;margin:auto}.checkout-hero{background:linear-gradient(90deg,#000a,#0001),url('../assets/about/library.webp') center/cover;color:white;overflow:hidden}.checkout-hero>.checkout-container{position:relative;padding:25px 0 55px;min-height:290px}.checkout-crumb{font-size:12px;margin:0 0 12px}.checkout-crumb a{color:white;text-decoration:none}.checkout-hero :is(h1,.policy-hero-title){font-size:30px;line-height:1.2;color:white;margin:0 0 12px;position:relative;z-index:2;max-width:650px}.checkout-hero :is(h1,.policy-hero-title) em{font-style:normal;color:#ffb439}.checkout-hero p:not(.checkout-crumb){font-size:14px;line-height:1.5;max-width:600px;position:relative;z-index:2}.checkout-huy{position:absolute;height:330px;bottom:-115px;right:170px}.checkout-hero blockquote{position:absolute;right:0;top:90px;font-family:'Segoe Print',cursive;font-size:17px;transform:rotate(-6deg);line-height:1.6;margin:0;max-width:250px}.checkout-hero cite{display:block;text-align:right}.checkout-steps{display:flex;gap:28px;padding:0;list-style:none;margin:20px 0 0;position:relative;z-index:2;font-size:12px}.checkout-steps li{display:flex;align-items:center;gap:10px}.checkout-steps b{background:#ffffff25;width:31px;height:31px;border-radius:50%;display:grid;place-items:center;font-size:14px}.checkout-steps [aria-current]{color:#ffc251}.checkout-steps [aria-current] b{background:linear-gradient(#ffdfa0,#ff9d0b);color:#17214a}.checkout-main{display:grid;grid-template-columns:1.45fr 1fr;margin-top:-27px;background:white;border:1px solid #edf0f6;border-radius:12px;position:relative;z-index:3;box-shadow:0 5px 24px #17325906}.checkout-main form{border-right:1px solid #edf0f6;padding:4px 22px}.checkout-section{padding:22px 0;border-bottom:1px solid #edf0f6}.checkout-section:last-child{border:0}.checkout-page h2{font-size:18px;line-height:1.35;margin:0 0 6px;display:flex;gap:12px;align-items:center}.checkout-section h2>span{display:grid;place-items:center;width:31px;height:31px;flex-shrink:0;border-radius:50%;background:linear-gradient(#fff0c8,#ffb848);color:#102053;font-size:14px}.section-note{font-size:12px;color:#8795b7;line-height:1.5;margin:0 0 18px 43px}.checkout-section>label:not(.checkout-consent){font-size:12px;display:block;margin:0 0 14px}.checkout-page strong{color:#fa5c25}.checkout-page input:not([type=checkbox]):not([type=radio]){font:inherit;color:#14265a;width:100%;min-width:0;border:1px solid #e3e8f2;border-radius:7px;padding:11px 12px;background:#fff;outline:none}.checkout-section>label>input{display:block;margin-top:6px}.checkout-page input::placeholder{color:#9aa6bd;font-size:12px}.checkout-page input:focus-visible{border-color:#ffae32;box-shadow:0 0 0 3px #ffb73918}.payment-methods{border:0;margin:0;padding:0;display:grid;gap:10px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.payment-option{display:flex;align-items:center;gap:14px;border:1px solid #edf0f7;border-radius:8px;padding:15px 12px;cursor:pointer;box-shadow:0 3px 8px #14285b03}.payment-option:has(input:checked){border-color:#ffc37c;background:#fff8ef}.payment-option input{accent-color:#fb9715;width:16px;height:16px;flex-shrink:0}.method-icon{width:28px;flex-shrink:0;color:#172363}.method-icon svg{width:26px;height:26px}.payment-option b{display:block;font-size:11px;line-height:1.4}.payment-option small{display:block;font-size:10px;color:#8593b5;line-height:1.5;margin-top:4px}.payment-brand{margin-left:auto;font-size:16px;font-weight:800;flex-shrink:0}.vnpay{color:#db3424}.visa{color:#13377a;font-style:italic}.momo{background:#ae0968;color:white;font-weight:800;font-size:11px;line-height:1;border-radius:5px;text-align:center;padding:4px}.checkout-consent{display:flex;align-items:flex-start;gap:8px;font-size:11px;line-height:1.6;margin:16px 0}.checkout-consent input{accent-color:#f79911;margin:2px 0 0;flex-shrink:0;width:15px;height:15px}.checkout-consent button{font:inherit;border:0;background:none;padding:0;color:#ef7900;cursor:pointer}.checkout-submit{display:flex;justify-content:center;align-items:center;gap:12px;width:100%;background:linear-gradient(#ffdc7b,#ff9d0a);border:0;border-radius:7px;padding:12px;font:inherit;font-size:14px;font-weight:700;color:#101d50;cursor:pointer}.checkout-submit svg{width:18px;height:18px}.checkout-safe{display:flex;align-items:center;justify-content:center;gap:7px;font-size:10px;color:#8796b6;margin:11px 0 0;line-height:1.5}.checkout-safe svg{width:16px;height:16px;flex-shrink:0;color:#ffac26}.checkout-summary{padding:22px 20px;display:grid;align-content:start;gap:16px}.checkout-summary section{border-radius:10px;padding:15px;background:linear-gradient(135deg,#fffaf2,#fffdfb)}.checkout-summary h2{font-size:14px}.checkout-summary h2 svg{width:25px;height:25px;flex-shrink:0;color:#f8a124}.checkout-summary h2 a{font-size:11px;color:#ed8300;margin-left:auto;font-weight:400}.order-course{display:flex;gap:13px;background:white;padding:12px 0;margin:10px 0 18px;border-radius:6px}.order-course img{width:105px;height:115px;object-fit:cover;border-radius:6px}.order-course h3{font-size:14px;line-height:1.3;margin:0 0 7px}.order-course ul{list-style:none;padding:0;margin:0 0 6px;color:#8795b4;font-size:11px;line-height:1.75}.course-price{font-size:19px;color:#ff5425}.order-box>label{font-size:12px}.coupon-row{display:flex;gap:8px;margin-top:6px}.coupon-row button{border:1px solid #ffe7ca;background:#fff1df;color:#17265a;border-radius:7px;padding:0 14px;font:inherit;font-size:11px;flex-shrink:0;cursor:pointer}.order-total{margin:16px 0 0;font-size:12px}.order-total>div{display:flex;justify-content:space-between;margin:12px 0}.order-total dd{margin:0}.order-total .total-final{background:#fff2df;padding:12px;border-radius:7px;font-size:14px;font-weight:700;color:#121d3c}.total-final dd{color:#ff5422;font-size:19px}.commitment-box ul{padding:0;list-style:none;font-size:12px;line-height:1.55;color:#7f8fb2;margin:14px 0}.commitment-box li{position:relative;padding-left:25px;margin:9px 0}.commitment-box li:before{content:'✓';position:absolute;left:0;top:0;color:white;background:#ffb62b;width:16px;height:16px;text-align:center;border-radius:50%;font-size:11px}.checkout-demo{font-size:10px;color:#96a1b8;line-height:1.5;margin:12px 0 0}.support-box p{font-size:12px;line-height:1.6;color:#8594b5}.support-box>div{display:flex;flex-wrap:wrap;gap:8px}.support-box a{display:flex;gap:7px;align-items:center;border:1px solid #e9edf4;border-radius:7px;background:white;color:#102052;text-decoration:none;padding:9px;font-size:11px;overflow-wrap:anywhere;max-width:100%}.support-box a svg{width:17px;height:17px;flex-shrink:0;color:#f9a226}.checkout-benefits{padding:26px 0}.checkout-benefits>div{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin-top:15px}.checkout-benefits article{display:flex;align-items:center;gap:12px;background:white;padding:16px;border:1px solid #edf0f7;border-radius:9px}.checkout-benefits svg{width:28px;height:28px;flex-shrink:0;color:#ffa91d}.checkout-benefits b{font-size:12px;display:block}.checkout-benefits small{font-size:11px;color:#8997b7;display:block;line-height:1.5;margin-top:4px}#checkout-status,#coupon-status{font-size:12px;color:#7e8bab;line-height:1.6}#checkout-status:empty,#coupon-status:empty{display:none}.checkout-page dialog{border:1px solid #e4e8f1;border-radius:12px;padding:26px;max-width:460px;width:calc(100% - 40px);color:#142455}.checkout-page dialog::backdrop{background:#10213b66}.checkout-page dialog p{font-size:14px;line-height:1.6}.dialog-close{float:right;border:0;background:none;font-size:24px;cursor:pointer}.dialog-confirm{border:0;background:#ffb535;padding:9px 16px;border-radius:6px;color:#142452;cursor:pointer}.checkout-page button:hover{filter:brightness(.98)}.checkout-page a:hover{color:#f99d18}.checkout-page button:focus-visible,.checkout-page a:focus-visible{outline:2px solid #ffa82e;outline-offset:3px}@media(max-width:1050px){.checkout-hero :is(h1,.policy-hero-title){font-size:27px;max-width:580px}.checkout-huy{right:90px;opacity:.75}.checkout-hero blockquote{display:none}.payment-brand{display:none}.checkout-summary{padding:16px 12px}.checkout-summary section{padding:12px}.order-course img{width:80px;height:105px}.checkout-main form{padding:4px 18px}.checkout-container{width:calc(100% - 40px)}}@media(max-width:800px){.checkout-main{grid-template-columns:1fr}.checkout-main form{border-right:0}.checkout-summary{grid-template-columns:1fr 1fr}.order-box{grid-row:span 2}.checkout-huy{right:0;height:250px;bottom:-80px;opacity:.5}.checkout-hero :is(h1,.policy-hero-title){font-size:25px;max-width:85%}.checkout-hero p:not(.checkout-crumb){max-width:75%}.checkout-benefits>div{grid-template-columns:1fr 1fr}}@media(max-width:550px){.checkout-container{width:calc(100% - 28px)}.checkout-hero>.checkout-container{padding:20px 0 48px;min-height:285px}.checkout-hero :is(h1,.policy-hero-title){font-size:23px;max-width:100%}.checkout-hero p:not(.checkout-crumb){font-size:12px;max-width:100%}.checkout-huy{display:none}.checkout-steps{gap:19px;font-size:11px}.checkout-steps b{width:27px;height:27px}.checkout-main form{padding:0 16px}.checkout-page h2{font-size:16px}.checkout-summary{grid-template-columns:1fr;padding:0 16px 18px}.order-box{grid-row:auto}.payment-option{gap:9px;padding:12px 9px}.payment-option b{font-size:11px}.payment-option small{font-size:10px}.checkout-consent{font-size:10px}.checkout-benefits>div{gap:9px}.checkout-benefits article{padding:12px;gap:8px;align-items:flex-start}.checkout-benefits svg{width:21px;height:21px}.checkout-benefits b{font-size:11px}.checkout-benefits small{font-size:10px}.checkout-benefits h2{font-size:18px}.section-note{margin-left:43px}.order-course img{width:100px;height:110px}}
@media(min-width:1051px){.checkout-huy{right:250px}.checkout-hero blockquote{max-width:210px;font-size:15px;top:105px}}
@media(min-width:801px) and (max-width:1050px){.checkout-hero :is(h1,.policy-hero-title){max-width:calc(100% - 205px);font-size:26px}.checkout-hero p:not(.checkout-crumb){max-width:calc(100% - 205px)}.checkout-huy{height:295px;right:0;bottom:-65px;opacity:1}.checkout-hero>.checkout-container{min-height:310px}.checkout-steps{max-width:calc(100% - 200px);gap:20px}}@media(min-width:551px) and (max-width:800px){.checkout-hero>.checkout-container{padding-right:145px;min-height:305px}.checkout-hero :is(h1,.policy-hero-title){max-width:100%;font-size:25px}.checkout-hero p:not(.checkout-crumb){max-width:100%;font-size:13px}.checkout-huy{height:255px;right:-20px;bottom:-38px;opacity:1}.checkout-steps{gap:16px;font-size:11px}.checkout-steps li{gap:7px}.checkout-hero p br{display:none}}@media(max-width:650px) and (min-width:551px){.checkout-hero :is(h1,.policy-hero-title){font-size:22px}.checkout-steps{gap:10px}.checkout-steps b{width:25px;height:25px}}
@media(min-width:551px){.checkout-hero>.checkout-container{min-height:335px;padding-bottom:65px}.checkout-huy{height:300px;bottom:27px;right:245px;opacity:1}.checkout-hero :is(h1,.policy-hero-title){max-width:calc(100% - 455px)}.checkout-hero p:not(.checkout-crumb){max-width:calc(100% - 455px)}.checkout-hero blockquote{top:125px}}@media(min-width:801px) and (max-width:1050px){.checkout-huy{height:280px;right:0;bottom:27px}.checkout-hero :is(h1,.policy-hero-title),.checkout-hero p:not(.checkout-crumb){max-width:calc(100% - 200px)}.checkout-steps{max-width:calc(100% - 185px)}}@media(min-width:551px) and (max-width:800px){.checkout-hero>.checkout-container{padding-right:165px;min-height:335px}.checkout-huy{height:245px;right:-10px;bottom:27px}.checkout-hero :is(h1,.policy-hero-title),.checkout-hero p:not(.checkout-crumb){max-width:100%}}

.checkout-huy{width:auto}