:root{color-scheme:light;--ink:#102d45;--muted:#5a7083;--border:#dce6ed;--light:#f4f8fb;--navy:#0e2940;--aqua:#12a1a7}
*{box-sizing:border-box}html{min-height:100%;font-family:Tahoma,"Noto Sans Thai",system-ui,sans-serif}body{margin:0;background:#f7fafb;color:var(--ink);min-height:100vh;position:relative;overflow-x:clip}button,input{font:inherit}a{color:inherit;text-decoration:none}.background-mark{position:absolute;z-index:-1;top:-15vw;right:-18vw;width:60vw;height:60vw;border-radius:50%;background:radial-gradient(circle,rgba(64,194,195,.12) 0%,rgba(64,194,195,0) 70%);pointer-events:none}.wrap{width:min(1090px,calc(100% - 42px));margin:0 auto}.topbar{min-height:95px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--border)}.brand{display:flex;gap:13px;align-items:center;font-size:13px;letter-spacing:.11em;font-weight:700}.brand strong{color:#547086;display:block;font-size:10px;letter-spacing:.23em;margin-top:4px}.brand-logo{display:grid;place-items:center;width:43px;height:43px;border-radius:12px;background:var(--navy);color:white;font-size:24px;letter-spacing:-2px}.logo-dot{color:#52d7d3}.tag{color:#3c6e78;border:1px solid #c9e6e5;background:#eaf7f6;border-radius:50px;padding:9px 13px;font-size:12px;white-space:nowrap;display:flex;align-items:center;gap:9px}.status-dot{height:7px;width:7px;border-radius:50%;background:var(--aqua)}.hero{padding:92px 0 86px;max-width:795px}.eyebrow,.section-id{font-size:11px;font-weight:800;letter-spacing:.22em;color:#17868b}.eyebrow{margin-bottom:19px}h1{font-size:clamp(32px,4.3vw,59px);line-height:1.34;letter-spacing:-.045em;font-weight:800;margin:0}h1 span{color:#188c96}.hero>p{max-width:680px;line-height:1.9;font-size:17px;color:var(--muted);margin:24px 0 31px}.actions{display:flex;gap:13px;flex-wrap:wrap}.actions a{padding:14px 19px;border-radius:9px;font-size:14px;font-weight:700;display:inline-flex;align-items:center;gap:10px;justify-content:center;min-height:48px}.primary{background:#103d59;color:white;box-shadow:0 7px 18px rgba(21,63,92,.16)}.secondary{background:white;border:1px solid #cbd9e2}.actions a:hover,button:hover{filter:brightness(.95)}.actions a:focus-visible,input:focus-visible,button:focus-visible{outline:3px solid #17bbc0;outline-offset:3px}.notice{font-size:12px;color:#637988;line-height:1.8;margin-top:26px}.notice span{color:#09a2a7;margin-right:7px}.lower{display:grid;grid-template-columns:1fr 1fr;gap:18px;padding-bottom:75px}.panel{background:white;border:1px solid var(--border);border-radius:15px;padding:31px;box-shadow:0 10px 32px rgba(18,59,80,.035)}.panel-alt{background:#ecf5f6}.panel h2{margin:11px 0 9px;font-size:23px;letter-spacing:-.03em}.panel p{line-height:1.85;color:var(--muted);font-size:13px;margin:0 0 18px}.panel form label{display:block;font-size:12px;font-weight:700;margin-bottom:8px}.input-row{display:flex;gap:8px}.input-row input{flex:1;min-width:0;border:1px solid #cbdbe5;border-radius:9px;padding:13px 12px;outline:none}.input-row button{background:#0d5069;border:0;border-radius:9px;color:white;padding:0 15px;cursor:pointer;font-size:12px;font-weight:700}.error{display:block;min-height:22px;margin-top:7px;color:#b02e34;font-size:11px}.stages{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:23px 0}.stages>div{display:flex;flex-direction:column;gap:4px;text-align:center}.stages strong{font-size:14px}.stages span{font-size:10px;color:var(--muted)}.stages>span{color:#2a9aa0}.panel .footnote{font-size:11px;margin:0;border-top:1px solid #cadde0;padding-top:15px}.footer{padding:27px 0 37px;border-top:1px solid var(--border);display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;color:#78909e;font-size:11px}@media(max-width:760px){.hero{padding:64px 0}.lower{grid-template-columns:1fr}.topbar{min-height:80px}.tag{font-size:10px}.hero>p{font-size:15px}.panel{padding:25px}.input-row{flex-wrap:wrap}.input-row input,.input-row button{width:100%;min-height:46px}.stages{justify-content:flex-start}}