:root{--ink:#08251d;--deep:#061914;--paper:#fffdf8;--cream:#f5f2e9;--green:#28c875;--green-dark:#0b8650;--mint:#dff8ea;--orange:#ff8c3e;--purple:#7567e8;--line:#d9e3de;--muted:#687871;--shadow:0 30px 90px rgba(6,25,20,.16)}
*{box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:hidden}body{margin:0;min-height:100vh;background:radial-gradient(circle at 9% 4%,rgba(40,200,117,.13),transparent 30%),radial-gradient(circle at 94% 94%,rgba(255,140,62,.12),transparent 32%),var(--cream);color:var(--ink);font-family:"IBM Plex Sans Thai",sans-serif}a{color:inherit}button,input{font:inherit}.topbar{width:min(1180px,100%);height:74px;margin:auto;padding:0 24px;display:flex;align-items:center;justify-content:space-between}.brand{display:inline-flex;align-items:center;gap:9px;text-decoration:none;font:700 16px Manrope,sans-serif}.brand img{width:32px;height:32px;border-radius:9px}.brand b{color:var(--green-dark)}.pilot-chip{display:inline-flex;align-items:center;gap:7px;border:1px solid rgba(11,134,80,.2);background:rgba(255,255,255,.7);border-radius:99px;padding:7px 10px;font:800 8px Manrope,sans-serif;letter-spacing:.09em;color:var(--green-dark)}.pilot-chip i{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 0 4px rgba(40,200,117,.13)}
.registration-shell{width:min(1180px,100%);margin:auto;padding:20px 24px 70px}.registration-card{display:grid;grid-template-columns:minmax(360px,.85fr) minmax(0,1.15fr);align-items:start;background:var(--paper);border:1px solid rgba(8,37,29,.12);border-radius:30px;overflow:hidden;box-shadow:var(--shadow)}.course-intro{align-self:stretch;background:linear-gradient(155deg,#0b3026,#061914 76%);color:white;overflow:hidden}.hero-banner{margin:0;background:white;border-bottom:1px solid rgba(255,255,255,.12)}.hero-banner img{display:block;width:100%;height:auto}.intro-body{position:relative;padding:32px 31px 38px;overflow:hidden}.intro-body:after{content:"";position:absolute;width:270px;height:190px;border:28px solid rgba(255,140,62,.5);border-left-color:transparent;border-radius:50%;right:-185px;bottom:-110px;transform:rotate(-18deg)}.eyebrow{margin:0 0 8px;font:800 9px Manrope,sans-serif;letter-spacing:.14em;color:#8fe3b3}.course-intro h1{font:800 clamp(34px,3.5vw,47px)/1.04 Manrope,"IBM Plex Sans Thai",sans-serif;letter-spacing:-.055em;margin:0;position:relative;z-index:1}.course-intro h1 em{display:inline-block;font-style:normal;color:var(--orange);margin-top:3px}.intro-lead{position:relative;z-index:1;margin:17px 0 0;color:#c4d3cd;font-size:12px;line-height:1.75}.value-pills{display:flex;gap:6px;flex-wrap:wrap;margin-top:22px}.value-pills span{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);border-radius:99px;padding:6px 9px;font-size:8px;font-weight:700}.schedule-card{position:relative;z-index:1;display:grid;grid-template-columns:77px 1fr;gap:13px;align-items:center;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);border-radius:15px;padding:11px;margin-top:18px}.schedule-card .date{background:var(--paper);color:var(--ink);border-radius:11px;padding:7px;text-align:center}.schedule-card .date small,.schedule-card .date strong,.schedule-card .date span{display:block}.schedule-card .date small{font-size:8px;color:var(--orange);font-weight:800}.schedule-card .date strong{font:800 30px/1 Manrope,sans-serif;margin:4px 0}.schedule-card .date span{font-size:7px;color:var(--muted)}.schedule-card>div:last-child span{display:block;font-size:9px;color:#c1d0ca;margin:5px}.schedule-card b{font:800 13px Manrope,sans-serif;color:white;display:inline-block;width:45px}.schedule-card .start b{color:#8fe3b3}.instructor-line{position:relative;z-index:1;display:flex;align-items:flex-start;gap:8px;margin:19px 0 0;font-size:15px}.instructor-line span,.instructor-line b,.instructor-line small{display:block}.instructor-line b{font-size:10px}.instructor-line small{font-size:8px;color:#9fb5ac;margin-top:3px;line-height:1.5}
.form-pane{padding:34px 38px}.form-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:25px}.form-heading small{font:800 8px Manrope,sans-serif;letter-spacing:.1em;color:var(--green-dark)}.form-heading h2{font:800 28px Manrope,"IBM Plex Sans Thai",sans-serif;letter-spacing:-.04em;margin:4px 0 0}.price{flex:0 0 auto;background:var(--mint);border-radius:12px;padding:8px 11px;text-align:right}.price span,.price strong{display:block}.price span{font-size:8px;color:var(--green-dark)}.price strong{font:800 20px Manrope,sans-serif;color:var(--green-dark)}.section-label{display:flex;align-items:center;gap:9px;margin:21px 0 13px}.section-label:first-of-type{margin-top:0}.section-label>span{width:27px;height:27px;border-radius:8px;background:var(--ink);color:white;display:grid;place-items:center;font:800 10px Manrope,sans-serif}.section-label strong{font-size:13px}.field{display:block;margin-bottom:14px}.field>span,fieldset legend{display:flex;align-items:center;justify-content:space-between;font-size:11px;font-weight:700;margin:0 2px 6px}.field b,fieldset b,.consent b{color:var(--orange)}.field em{font-style:normal;color:#87948e;font-size:8px;background:#eef1ef;border-radius:99px;padding:3px 7px}.field input{width:100%;height:44px;border:1px solid var(--line);border-radius:11px;padding:0 12px;background:#fbfcfa;color:var(--ink);outline:none}.field input:focus{background:white;border-color:var(--green);box-shadow:0 0 0 3px rgba(40,200,117,.13)}.field input:disabled{background:#f0f2f0;color:#99a39e}.field input[aria-invalid=true]{border-color:#d45d5d}.field small{display:block;color:#86938d;font-size:8.5px;margin:5px 3px 0;line-height:1.5}.discord-entry{display:grid;grid-template-columns:1fr auto;gap:13px;align-items:center;background:#171726;color:white;border-radius:15px;padding:15px;margin:17px 0 8px}.discord-entry small,.discord-entry strong{display:block}.discord-entry small{font:800 7px Manrope,sans-serif;letter-spacing:.12em;color:#aaa5d4}.discord-entry strong{font-size:12px;margin-top:3px}.discord-entry p{color:#aaa8bd;font-size:8px;margin:4px 0 0}.discord-routes{display:flex;gap:6px}.discord-routes a{min-height:37px;padding:0 10px;border:1px solid #3b394e;border-radius:9px;display:grid;place-items:center;text-align:center;text-decoration:none;font-size:8px;font-weight:800}.discord-routes .discord-direct{background:var(--purple);border-color:var(--purple)}
.smart-details{border:1px solid var(--line);border-radius:12px;background:#fbfcfa;overflow:hidden;margin-bottom:14px}.smart-details summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;cursor:pointer}.smart-details summary::-webkit-details-marker{display:none}.smart-details summary span{font-size:10px}.smart-details summary i{font-style:normal;font:400 19px Manrope,sans-serif;transition:.2s}.smart-details[open] summary i{transform:rotate(45deg)}.details-body{border-top:1px solid var(--line)}.why-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line)}.why-grid article{background:var(--paper);padding:13px}.why-grid b{font-size:9px}.why-grid p{font-size:8px;line-height:1.6;color:var(--muted);margin:5px 0 0}
fieldset{border:0;padding:0;margin:0 0 15px}.ai-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.ai-grid label{min-height:39px;display:flex;align-items:center;gap:7px;border:1px solid var(--line);border-radius:10px;padding:6px 8px;font-size:9.5px;font-weight:700;cursor:pointer}.ai-grid input{position:absolute;opacity:0}.ai-grid label:has(input:checked){background:var(--mint);border-color:#94d9b1;color:var(--green-dark)}.ai-grid label span{width:23px;height:23px;border-radius:7px;background:#edf1ef;display:grid;place-items:center;font:800 8px Manrope,sans-serif}.ai-grid label:has(input:checked) span{background:var(--green);color:#062218}.other-ai-field{display:none}.other-ai-field.active{display:block}.level-fieldset{margin-top:18px}.level-scale{display:grid;grid-template-columns:repeat(10,1fr);gap:5px}.level-scale label{cursor:pointer}.level-scale input{position:absolute;opacity:0}.level-scale span{height:34px;border:1px solid var(--line);border-radius:9px;background:#fbfcfa;display:grid;place-items:center;font:800 9px Manrope,sans-serif}.level-scale label:has(input:checked) span{background:var(--green);border-color:var(--green);color:#052017;box-shadow:0 6px 13px rgba(40,200,117,.2)}.level-hints{display:flex;justify-content:space-between;color:#8a9690;font-size:7px;margin:5px 2px 0}
.bank-card{display:grid;grid-template-columns:1fr auto;gap:15px;align-items:center;background:#fff4e7;border:1px solid #ffd8b3;border-radius:14px;padding:14px;margin-bottom:13px}.bank-card small,.bank-card strong,.bank-card span{display:block}.bank-card small{font-size:8px;color:#a35b27}.bank-card strong{font-size:12px;margin:2px 0}.bank-card span{font-size:9px;color:#80624d}.bank-number{text-align:right}.bank-number code{display:block;font:800 19px Manrope,sans-serif;color:#b75a18;letter-spacing:.02em}.bank-number button{border:0;background:transparent;color:#9a5a2d;font-size:8px;font-weight:800;padding:4px 0 0;cursor:pointer;text-decoration:underline}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:11px}.payment-note{display:flex;align-items:flex-start;justify-content:space-between;gap:13px;background:#fff5e9;border:1px solid #ffdfbf;border-radius:11px;padding:10px 12px;margin-bottom:14px}.payment-note b{font-size:9px;color:#b85d1c;white-space:nowrap}.payment-note span{font-size:8px;color:#896951;text-align:right;line-height:1.55}.payment-note a{font-weight:800}.consent{display:grid;grid-template-columns:17px 1fr;gap:8px;color:#68756f;font-size:8.5px;line-height:1.5;cursor:pointer}.consent input{appearance:none;width:17px;height:17px;border:1px solid #acb9b2;border-radius:5px;margin:0;display:grid;place-items:center}.consent input:checked{background:var(--green);border-color:var(--green)}.consent input:checked:after{content:"✓";color:white;font-size:11px;font-weight:800}.submit-button{width:100%;height:51px;margin-top:16px;border:0;border-radius:12px;background:var(--green);color:#052017;box-shadow:0 13px 25px rgba(40,200,117,.24);font-size:12px;font-weight:800;cursor:pointer}.submit-button span{font-size:18px;margin-left:5px}.submit-button:disabled{opacity:.6;cursor:wait}.honeypot{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important}.form-message{background:#fff0f0;color:#a73f3f;border:1px solid #efc4c4;border-radius:10px;padding:9px 11px;margin-bottom:13px;font-size:10px}
.more-value{margin:22px 0 0;background:var(--paper)}.more-value summary{padding:15px}.more-value summary span{font-size:10px}.value-compare{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line)}.value-compare article{background:var(--paper);padding:17px}.value-compare article.live-value{background:#f0fbf5}.value-compare small{font:800 7px Manrope,sans-serif;letter-spacing:.1em;color:var(--green-dark)}.value-compare h3{font-size:13px;margin:5px 0 9px}.value-compare ul{padding-left:17px;margin:0}.value-compare li{font-size:8px;line-height:1.65;color:var(--muted);margin:3px 0}.prep-callout{grid-column:1/-1;background:var(--ink);color:white;padding:14px;display:grid;grid-template-columns:1fr auto;gap:3px 12px;align-items:center}.prep-callout b,.prep-callout span{display:block}.prep-callout b{font-size:10px}.prep-callout span{font-size:8px;color:#a8bbb4}.prep-callout a{grid-column:2;grid-row:1/3;background:var(--green);color:#052017;border-radius:9px;padding:9px 11px;text-decoration:none;font-size:8px;font-weight:800}.post-form-links{display:flex;align-items:center;justify-content:center;gap:13px;flex-wrap:wrap;margin-top:17px}.post-form-links a,.home-link{color:var(--green-dark);font-size:9px;font-weight:700;text-decoration:none;border-bottom:1px solid rgba(11,134,80,.2)}
.success-state{text-align:center;padding:12px 2px 2px}.success-medal{font-size:62px}.success-state .eyebrow{margin:7px 0 3px;color:var(--green-dark)}.success-state h2{font:800 30px Manrope,"IBM Plex Sans Thai",sans-serif;letter-spacing:-.04em;margin:0}.success-state>p:not(.eyebrow):not(.success-email):not(.reference):not(.success-discord){color:var(--muted);font-size:10px;line-height:1.7}.success-title{width:min(320px,100%);margin:17px auto;background:var(--ink);border-radius:16px;padding:16px;color:white}.success-title small,.success-title strong{display:block}.success-title small{font:700 8px Manrope,sans-serif;letter-spacing:.12em;color:#9fb6ad}.success-title strong{font:800 23px Manrope,sans-serif;color:#ffe07f;margin-top:4px}.success-discord{background:#f0eefc;color:#5046a7;border-radius:10px;padding:10px;font-size:9px;line-height:1.6}.success-schedule{background:#f1f5f2;border-radius:12px;padding:11px;text-align:left}.success-schedule span{display:block;font-size:9px;margin:3px}.success-schedule b{display:inline-block;width:44px;color:var(--green-dark)}.success-schedule small{display:block;color:#88958f;font-size:8px;margin:7px 3px 0}.success-email{font-size:8.5px;color:#74827b}.success-actions{display:flex;gap:8px;margin-top:15px}.button{flex:1;min-height:46px;border-radius:11px;display:grid;place-items:center;text-decoration:none;font-size:9px;font-weight:800}.button.discord{background:var(--purple);color:white}.button.line{background:#06c755;color:white}.home-link{display:inline-block;margin-top:12px}.reference{font:700 8px Manrope,sans-serif;color:#87938d;margin-top:13px}
@media(max-width:900px){.registration-card{grid-template-columns:1fr}.course-intro{display:grid;grid-template-columns:minmax(290px,.8fr) 1.2fr}.hero-banner{align-self:start}.intro-body{padding:28px}.course-intro h1{font-size:40px}.form-pane{padding:31px 28px}}
@media(max-width:620px){.topbar{height:62px;padding:0 15px}.pilot-chip{font-size:7px}.registration-shell{padding:8px 10px 35px}.registration-card{border-radius:22px}.course-intro{display:block}.hero-banner img{width:100%;height:auto}.intro-body{padding:23px 19px 22px}.course-intro h1{font-size:34px}.intro-lead{font-size:10px;margin-top:12px}.value-pills{margin-top:15px}.schedule-card{margin-top:14px}.form-pane{padding:25px 17px}.form-heading h2{font-size:23px}.discord-entry{grid-template-columns:1fr}.discord-routes{display:grid;grid-template-columns:1fr 1fr}.why-grid{grid-template-columns:1fr}.ai-grid{grid-template-columns:1fr 1fr}.level-scale{grid-template-columns:repeat(5,1fr);gap:6px}.form-row{grid-template-columns:1fr}.bank-card{grid-template-columns:1fr}.bank-number{text-align:left}.payment-note{flex-direction:column}.payment-note span{text-align:left}.value-compare{grid-template-columns:1fr}.prep-callout{grid-template-columns:1fr}.prep-callout a{grid-column:1;grid-row:auto;margin-top:7px;text-align:center}.success-actions{flex-direction:column}}

/* Readable type scale: important information should not require zooming. */
body{font-size:16px}
.brand{font-size:18px}.pilot-chip{font-size:11px}
.eyebrow{font-size:12px}.intro-lead{font-size:16px}.value-pills span{font-size:12px}
.schedule-card .date small{font-size:11px}.schedule-card .date span{font-size:10px}.schedule-card>div:last-child span{font-size:13px}.schedule-card b{font-size:17px;width:56px}
.instructor-line{font-size:18px}.instructor-line a{color:inherit;text-decoration:none}.instructor-line b{font-size:14px}.instructor-line b span{display:inline}.instructor-line small{font-size:12px}.instructor-link b{width:max-content;border-bottom:1px solid rgba(143,227,179,.55)}.instructor-link:hover b,.instructor-link:focus-visible b{color:#8fe3b3;border-bottom-color:#8fe3b3}.instructor-link:focus-visible{outline:2px solid #8fe3b3;outline-offset:5px;border-radius:3px}
.form-heading small{font-size:11px}.form-heading h2{font-size:32px}.price span{font-size:11px}.price strong{font-size:26px}
.section-label>span{font-size:13px}.section-label strong{font-size:17px}
.field>span,fieldset legend{font-size:15px}.field em{font-size:11px}.field input{height:50px;font-size:16px}.field small{font-size:12px}
.discord-entry small{font-size:10px}.discord-entry strong{font-size:15px}.discord-entry p{font-size:12px;line-height:1.5}.discord-routes a{font-size:11px}
.smart-details summary span{font-size:14px}.why-grid b{font-size:13px}.why-grid p{font-size:12px}
.ai-grid label{min-height:46px;font-size:13px}.ai-grid label span{font-size:11px}.level-scale span{height:42px;font-size:13px}.level-hints{font-size:10px}
.bank-card small{font-size:11px}.bank-card strong{font-size:16px}.bank-card span{font-size:13px}.bank-number code{font-size:24px}.bank-number button{font-size:11px}
.payment-note b{font-size:13px}.payment-note span{font-size:12px}.consent{font-size:12px}.submit-button{height:56px;font-size:15px}.form-message{font-size:13px}
.more-value summary span{font-size:14px}.value-compare small{font-size:10px}.value-compare h3{font-size:17px}.value-compare li{font-size:12px}.prep-callout b{font-size:14px}.prep-callout span{font-size:12px}.prep-callout a{font-size:12px}.post-form-links a,.home-link{font-size:13px}
.success-state>p:not(.eyebrow):not(.success-email):not(.reference):not(.success-discord){font-size:14px}.success-title small{font-size:11px}.success-discord{font-size:13px}.success-schedule span{font-size:13px}.success-schedule small{font-size:11px}.success-email{font-size:12px}.button{font-size:13px}.reference{font-size:11px}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}