:root{--navy:#11243b;--ink:#172d45;--muted:#626d7d;--accent:#ff955b;--accent-deep:#bf501b;--line:#dee4ec;--paper:#f5f7fb;--blue:#235580;--green:#116548;--lightgreen:#edf8f2;--font:NamrinThai,'Leelawadee UI',Tahoma,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.7 var(--font)}a{color:inherit;text-underline-offset:4px}button,input{font:inherit}button,a,input{touch-action:manipulation}button,a{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:wait;opacity:.6}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #387bcb;outline-offset:4px}[hidden]{display:none!important}h1,h2,h3,p{margin-top:0}button svg,a svg{width:22px;height:22px;flex-shrink:0}.site-header{height:87px;background:var(--navy);color:#fff}.header-inner{max-width:1216px;height:100%;padding:0 28px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{font:bold 32px/1 Arial,sans-serif;letter-spacing:-1.5px;text-decoration:none;display:flex;align-items:baseline}.brand>span{color:var(--accent)}.brand small{font:10px Arial,sans-serif;letter-spacing:2.5px;padding-left:13px}.header-label{color:#b7c4d2;font:11px Arial,sans-serif;letter-spacing:2.5px}.page-shell{max-width:1216px;padding:34px 28px 64px;margin:auto}.steps{list-style:none;display:flex;align-items:center;gap:35px;padding:0;margin:0 0 38px;color:#788391;font-size:14px}.steps li{display:flex;align-items:center;gap:9px}.steps li+li:before{content:'';display:block;width:40px;height:1px;background:#c8d2df;margin-right:3px}.steps span{font:12px Arial,sans-serif;display:inline-grid;place-items:center;width:29px;height:29px;border:1px solid #cad3df;border-radius:50%}.steps .active{color:var(--navy);font-weight:600}.steps .active span{background:var(--navy);color:#fff;border-color:var(--navy)}.steps a{display:flex;gap:9px;align-items:center;text-decoration:none}.offer-layout{display:grid;grid-template-columns:minmax(0,1fr) 364px;gap:60px;align-items:start}.intro{padding:4px 0 22px}.eyebrow{font-size:12px;letter-spacing:2px;font-weight:700;color:var(--blue);margin:0 0 15px}.intro .eyebrow{font-family:Arial,sans-serif}h1{font:800 clamp(42px,5vw,66px)/1.04 Arial,sans-serif;letter-spacing:-3px;margin:0 0 21px}.intro h1>span:first-child{display:block;font-size:15px;font-weight:500;letter-spacing:5px;line-height:1.8;margin-bottom:5px}.title-period{color:var(--accent-deep)}.intro-copy{font-size:27px;line-height:1.55;font-weight:650;letter-spacing:-.4px;margin-bottom:14px}.intro-detail{color:var(--muted);font-size:16px;line-height:1.85;margin-bottom:4px}.section-title{display:flex;align-items:baseline;justify-content:space-between;gap:14px;margin:27px 0 2px;padding-bottom:15px;border-bottom:1px solid var(--line)}.section-title h2{font-size:19px;font-weight:700;margin:0}.section-title>span{font-size:12px;white-space:nowrap;color:var(--muted)}.course-row{display:grid;grid-template-columns:40px 1fr;gap:19px;padding:24px 0;border-bottom:1px solid var(--line)}.course-index{font:normal 27px/1.4 Georgia,serif;color:#8494a6}.course-row h3{font-size:18px;margin-bottom:5px}.course-row p{font-size:15px;color:var(--muted);line-height:1.85;margin-bottom:9px}.item-value{font-size:12px;color:#708094}.tools-title{margin-top:36px;border:none}.tools-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.tool{border:1px solid var(--line);background:#fff;border-radius:12px;padding:22px 22px 18px;display:flex;flex-direction:column}.tool-tag{color:#5e718a;font:10px/1 Arial,sans-serif;letter-spacing:1.7px;margin-bottom:15px}.tool h3{font-size:17px;line-height:1.5;margin-bottom:8px}.tool p{color:var(--muted);font-size:14px;line-height:1.85;margin-bottom:14px}.tool .item-value{margin-top:auto}.bonus{background:#eaf0f8;border:1px solid #d8e3f1;display:grid;grid-template-columns:1fr auto;gap:7px 20px;padding:22px;margin-top:18px;border-radius:12px}.bonus-label{grid-column:1/-1;color:#49627c;letter-spacing:1.8px;font:10px Arial,sans-serif;margin-bottom:7px}.bonus h3{font-size:18px;margin:0 0 5px}.bonus p{font-size:14px;color:#60738a;margin:0}.bonus strong{align-self:center;font:700 22px Arial,sans-serif;white-space:nowrap}.bonus strong span{font:12px var(--font)}.value-total{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-top:25px}.value-total>span{font-size:14px;color:var(--muted)}.value-total strong{font:700 25px Arial,sans-serif;white-space:nowrap}.value-total small{font:12px var(--font)}.value-note{font-size:12px;color:#748195;margin:5px 0 0}.checkout-wrap{position:sticky;top:26px;scroll-margin-top:22px}.checkout-card{background:var(--navy);border:1px solid #213953;border-radius:18px;padding:27px;color:#fff;box-shadow:0 14px 45px #15395817}.card-topline{display:flex;justify-content:space-between;align-items:center;font:10px Arial,sans-serif;letter-spacing:2px;color:#becbdd;margin-bottom:23px}.ticket-mark{font:23px Georgia,serif;border:1px solid #60758b;width:34px;height:34px;display:grid;place-items:center;color:#ffb58c}.checkout-card h2{font-size:24px;margin-bottom:3px}.card-subtitle{font-size:14px;color:#b9c8d9;margin-bottom:23px}.included{list-style:none;display:grid;gap:10px;padding:0;margin:0;font-size:14px;color:#e0e7f1}.included li{display:flex;align-items:baseline;gap:11px}.included li:before{content:'✓';color:#ffae7f;font-weight:700}.receipt-divider{border-top:1px dashed #496078;margin:27px -27px 25px}#coupon-form label{display:block;font-size:15px;font-weight:500;margin-bottom:10px}.coupon-input-row{display:flex;gap:8px}.coupon-input-row input{width:0;min-width:0;flex:1;border:1px solid #526479;background:#20354e;color:white;border-radius:7px;padding:12px;font-size:16px;line-height:1.5;letter-spacing:.2px}.coupon-input-row input::placeholder{color:#b3c1d2;font-size:14px}.coupon-input-row input[aria-invalid=true]{border-color:#ffaba1}.coupon-input-row button{border:1px solid #9fadc1;border-radius:7px;background:transparent;color:white;white-space:nowrap;padding:10px 13px;font-size:14px}.coupon-input-row button:hover{background:#2a415d}.form-message{font-size:12px;line-height:1.8;margin:9px 0 0;min-height:22px;color:#b1c3d9}.form-message.success{color:#a5e3c1}.form-message.error{color:#ffb5a6}.price-summary{border-top:1px solid #31475f;margin-top:23px;padding-top:20px}.price-line{display:flex;justify-content:space-between;gap:15px;font-size:14px;margin-bottom:9px}.checkout-card .price-line{color:#c6d0df}.checkout-card .discount-line{color:#a5e3c1}.discount-line strong{font-weight:500;white-space:nowrap}#discount-code{font:10px Arial,sans-serif;letter-spacing:.3px}.due-label{font-size:14px;margin-top:20px;color:#c6d0df}.due-price{display:flex;gap:9px;align-items:baseline;margin:0 0 23px}.due-price strong{font:700 53px/1.3 Arial,sans-serif;letter-spacing:-2px}.due-price>span{font-size:16px}.primary-button,.secondary-button{display:flex;align-items:center;justify-content:center;gap:12px;border-radius:8px;padding:14px 18px;min-height:54px;text-decoration:none;font-size:16px;font-weight:650;width:100%;border:0;line-height:1.5;transition:background .15s}.primary-button{background:var(--accent);color:#202734}.primary-button:hover{background:#ffad80}.payment-hint{text-align:center;font-size:12px;color:#bccadc;margin:12px 0 0}.need-help{font-size:12px;line-height:1.9;color:var(--muted);text-align:center;margin:17px 0}.need-help a{display:block;color:var(--ink)}footer{max-width:1160px;margin:auto;border-top:1px solid var(--line);padding:24px 0;display:flex;justify-content:space-between;gap:15px;color:#738094;font-size:12px}.mobile-jump,.mobile-only{display:none}.back-link{display:inline-block;color:#64758c;font-size:14px;margin:0 0 26px}.payment-shell{max-width:1050px}.payment-heading{text-align:center;margin:10px 0 35px}.payment-heading h1{font:700 34px/1.5 var(--font);letter-spacing:-.6px;margin-bottom:6px}.payment-heading>p:last-child{color:var(--muted);margin-bottom:0}.payment-layout{display:grid;grid-template-columns:minmax(0,1fr) 375px;gap:30px;align-items:start}.qr-card{border:1px solid var(--line);border-radius:16px;background:#fff;overflow:hidden}.qr-card-header{background:var(--navy);color:#fff;padding:18px 24px;display:flex;justify-content:space-between;gap:15px;align-items:center}.qr-card-header strong{font:12px Arial,sans-serif;letter-spacing:1px}.qr-card-header span{font-size:12px;color:#bac8d8}.qr-body{padding:28px;text-align:center}.qr-amount-label{font-size:14px;color:var(--muted);margin-bottom:0}.qr-body .due-price{justify-content:center;margin-bottom:7px}.applied-badge{display:inline-block;padding:3px 12px;border-radius:20px;background:var(--lightgreen);color:var(--green);font-size:12px;margin:2px 0 13px}.qr-frame{max-width:335px;margin:6px auto 15px}.qr-frame img{display:block;width:100%;height:auto;object-fit:contain}.recipient-label{font-size:12px;color:var(--muted);margin-bottom:2px}.qr-body h2{font-size:21px;margin-bottom:3px}.qr-caption{font-size:12px;color:var(--muted);margin-bottom:20px}.secondary-button{border:1px solid #b9c9da;background:#f4f7fb;color:var(--navy);font-size:14px}.secondary-button:hover{background:#e5edf6}.save-help{font-size:12px;line-height:1.8;color:var(--muted);margin:11px 0 0}.summary-card,.bank-card{background:#fff;border:1px solid var(--line);border-radius:13px;padding:23px;margin-bottom:18px}.summary-card .eyebrow{font-size:12px;margin-bottom:8px;letter-spacing:0}.summary-card h2{font:700 19px Arial,sans-serif;margin-bottom:12px}.summary-card>p:not(.eyebrow){font-size:14px;color:var(--muted);line-height:1.9;border-bottom:1px solid var(--line);padding-bottom:20px;margin-bottom:19px}.payment-details .discount-line{color:var(--green)}.total-line{padding-top:15px;border-top:1px solid var(--line);margin-top:15px;margin-bottom:0}.bank-card h2,.after-transfer h2{font-size:18px;margin-bottom:18px}.bank-identity{display:flex;gap:12px;align-items:center;margin-bottom:17px}.bank-icon{background:#edf6ff;color:#086ba4;width:43px;height:43px;display:grid;place-items:center;font:700 12px Arial,sans-serif;border-radius:9px}.bank-identity strong{font-size:14px;display:block}.bank-identity div>span{display:block;font-size:12px;color:var(--muted)}.account-number{display:flex;align-items:center;justify-content:space-between;gap:10px;border:1px solid var(--line);border-radius:7px;padding:10px 12px}.account-number>span{font:19px Arial,sans-serif;letter-spacing:.6px}.account-number button{background:transparent;border:0;color:var(--blue);padding:3px;font-size:12px}.bank-card .form-message{color:var(--green);min-height:0;margin-top:7px}.after-transfer{padding:4px 2px}.step-label{font-size:12px;color:var(--accent-deep);font-weight:600}.after-transfer h2{margin:5px 0 8px}.after-transfer p{font-size:14px;color:var(--muted);line-height:1.9}.line-button{background:var(--navy);color:white;font-size:15px}.line-button:hover{background:#284565}.after-transfer .review-note{font-size:12px;margin:10px 0 0;text-align:center}.loading-box,.error-box{padding:50px 25px;text-align:center;border:1px solid var(--line);background:#fff;border-radius:14px}.error-box h1{font:700 24px/1.6 var(--font);letter-spacing:0}.error-box .primary-button{max-width:280px;margin:25px auto 0}.noscript{padding:20px;background:#fff0d9;position:fixed;bottom:0;left:0;right:0;text-align:center;margin:0}
@media(min-width:1450px){.page-shell{padding-top:40px}.offer-layout{gap:74px}}
@media(max-width:1000px){.offer-layout{gap:30px;grid-template-columns:minmax(0,1fr) 340px}.section-title{align-items:flex-start;flex-direction:column;gap:3px}.intro h1{font-size:49px}.bonus{grid-template-columns:1fr}.bonus strong{margin-top:7px}.payment-layout{grid-template-columns:minmax(0,1fr) 330px;gap:22px}.qr-body{padding:22px}}
@media(max-width:760px){.site-header{height:73px}.header-inner{padding:0 20px}.brand{font-size:29px}.brand small{font-size:9px;letter-spacing:2px}.header-label{font-size:9px;letter-spacing:1px}.page-shell{padding:24px 20px 40px}.steps{font-size:12px;gap:12px;margin-bottom:29px}.steps li{gap:7px}.steps li+li:before{width:18px;margin-right:0}.steps span{width:25px;height:25px;font-size:10px}.offer-layout{grid-template-columns:1fr;gap:30px}.intro{padding-top:0}.intro h1{font-size:clamp(43px,10vw,62px);letter-spacing:-2.5px}.intro h1>span:first-child{font-size:13px;letter-spacing:4px}.intro-copy{font-size:25px;margin-bottom:12px}.intro-detail{font-size:15px}.intro .eyebrow{font-size:10px;letter-spacing:1.6px;margin-bottom:15px}.mobile-jump{display:inline-flex;align-items:center;gap:12px;color:var(--blue);font-size:14px;margin-top:20px;font-weight:600}.checkout-wrap{position:static}.checkout-card{padding:25px}.checkout-card h2{font-size:25px}.receipt-divider{margin-left:-25px;margin-right:-25px}.section-title{flex-direction:row;align-items:baseline;gap:10px}.section-title h2{font-size:17px}.section-title>span{font-size:11px}.course-row{gap:12px;grid-template-columns:33px 1fr;padding:23px 0}.course-row h3{font-size:17px}.course-row p{font-size:14px}.tools-grid{gap:12px}.tool{padding:17px 15px}.tool h3{font-size:15px}.tool p{font-size:13px}.bonus{grid-template-columns:1fr auto;padding:20px}.bonus h3{font-size:17px}.bonus strong{font-size:20px}.bonus p{font-size:13px}.value-total{gap:14px}.value-total>span{font-size:12px}.value-total strong{font-size:24px}.value-note{font-size:11px}.payment-layout{grid-template-columns:1fr;gap:25px}.payment-heading{margin-bottom:24px}.payment-heading h1{font-size:27px;line-height:1.5}.payment-heading>p:last-child{font-size:14px}.payment-heading .eyebrow{font-size:10px}.mobile-only{display:block}.qr-body{padding:25px}.qr-frame{max-width:285px}.qr-card-header{padding:17px 20px}.payment-shell .back-link{margin-bottom:17px}.summary-card,.bank-card{padding:23px}.payment-details{display:grid;gap:18px}.summary-card,.bank-card{margin:0}.after-transfer{padding:9px 2px}.due-price strong{font-size:54px}footer{margin:0 20px;padding:21px 0;font-size:10px}.need-help{font-size:12px}}
@media(max-width:380px){.page-shell{padding-left:16px;padding-right:16px}.header-label{display:none}.steps{font-size:11px;gap:9px}.section-title{flex-direction:column;gap:2px}.bonus{grid-template-columns:1fr}.value-total{align-items:flex-start;flex-direction:column;gap:5px}.coupon-input-row button{padding-left:11px;padding-right:11px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}