:root{--primary:oklch(0.52 0.21 27);--ink:oklch(0.22 0 0);--muted:oklch(0.46 0 0);--line:oklch(0.8 0 0);--bg:oklch(0.96 0 0);--white:oklch(1 0 0);--soft:oklch(0.97 0 0);--error:oklch(0.43 0.16 25);--radius:10px;font-family:"Leelawadee UI",Tahoma,system-ui,sans-serif;color:var(--ink);background:var(--bg);font-size:16px;line-height:1.65}
*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit;color:inherit}button,a,input,select{touch-action:manipulation}[hidden]{display:none!important}.shell{max-width:600px;min-height:100dvh;margin:auto;background:var(--white)}header{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:26px 28px 12px}header>span{font-size:14px;color:var(--muted)}.wordmark{font-family:system-ui,sans-serif;font-weight:750;font-size:23px;letter-spacing:-.025em;color:oklch(0.29 0.055 226);text-decoration:none}main{padding:22px 28px 20px}.steps{display:flex;list-style:none;padding:0;margin:0 0 36px}.steps li{flex:1;text-align:center;font-size:13px;position:relative;color:var(--muted)}.steps li:before{content:"";position:absolute;left:calc(-50% + 18px);right:calc(50% + 18px);top:18px;border-top:1px solid var(--line)}.steps li:first-child:before{display:none}.steps span{position:relative;display:grid;place-items:center;margin:0 auto 6px;width:36px;height:36px;border:1px solid var(--muted);border-radius:50%;background:var(--white);font-size:16px}.steps li[aria-current],.steps li.done{color:var(--primary);font-weight:700}.steps li[aria-current] span,.steps li.done span{background:var(--primary);color:var(--white);border-color:var(--primary)}h1{font-size:28px;line-height:1.4;margin:0 0 8px;letter-spacing:-.015em;text-wrap:balance}h1:focus{outline:none}h2{font-size:17px;margin:0}.intro{margin:0 0 28px;font-size:16px}.fields{display:grid;gap:22px}label,.upload>label{display:block;font-weight:600}input:not([type=checkbox]),select{display:block;width:100%;margin-top:6px;padding:11px 13px;min-height:49px;border:1px solid var(--line);border-radius:var(--radius);background:var(--white);font-weight:400;font-size:16px}input::placeholder{color:var(--muted)}select{padding-right:28px}small,.hint{font-weight:400;font-size:13px;color:var(--muted);display:block;margin-top:6px}.required{color:var(--error)}.optional{font-weight:400;font-size:13px;color:var(--muted);margin-left:5px}:focus-visible{outline:3px solid var(--primary);outline-offset:3px}[aria-invalid=true]{border-color:var(--error)!important}.file-box{margin-top:8px;border:1px dashed var(--line);padding:18px;text-align:center;border-radius:var(--radius)}.file-box svg{width:30px;height:30px;fill:none;stroke:var(--primary);stroke-width:1.8;stroke-linejoin:round;stroke-linecap:round}.file-label{color:var(--primary);margin-top:4px}input[type=file]{font-size:13px;border:0;padding:8px 0;min-height:40px}input::file-selector-button{font:inherit;border:1px solid var(--line);border-radius:6px;padding:6px 10px;background:var(--soft);color:var(--ink);cursor:pointer;margin-right:8px}.actions{display:flex;margin-top:34px;gap:12px}.primary,.secondary{border-radius:var(--radius);padding:13px 16px;min-height:50px;cursor:pointer;font-weight:700;font-size:16px}.primary{background:var(--primary);color:var(--white);border:1px solid var(--primary);width:100%}.primary:hover{background:oklch(0.45 0.18 27)}.secondary{background:var(--white);color:var(--primary);border:1px solid var(--primary)}.split .secondary{flex:0 0 110px}.split .primary{flex:1}.error{color:var(--error);font-size:14px;margin:8px 0 0}.error:empty{display:none}.review{border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;margin-top:16px}.review-heading{background:var(--soft);display:flex;align-items:center;justify-content:space-between;padding:8px 14px}.text-button{border:0;background:transparent;color:var(--primary);text-decoration:underline;cursor:pointer;padding:8px 4px;min-height:44px;font-size:14px}.review dl{display:grid;grid-template-columns:1fr 1.1fr;gap:9px 14px;margin:12px 14px;font-size:14px}.review dt{color:var(--muted)}.review dd{margin:0;overflow-wrap:anywhere}.review ul{padding:0 14px;list-style:none;font-size:14px;overflow-wrap:anywhere}#file-list{list-style:none;padding:0;margin:8px 0 0}#file-list li{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:13px;border-bottom:1px solid var(--line);overflow-wrap:anywhere}#file-list button{flex-shrink:0}.consent{display:flex;align-items:flex-start;gap:12px;font-weight:400;margin-top:24px;font-size:15px}.consent input{width:22px;height:22px;flex:0 0 22px;margin:4px 0 0;accent-color:var(--primary)}footer{text-align:center;margin-top:26px;color:var(--muted);font-size:13px}#complete{padding-top:32px}#complete .primary{margin-top:28px}.success-mark{width:56px;height:56px;display:grid;place-items:center;background:var(--soft);color:var(--primary);font-size:30px;border-radius:50%;margin-bottom:24px}button{transition:background-color .15s ease-out}button:active{transform:translateY(1px)}@media(min-width:700px){body{padding:32px 0}.shell{min-height:0;border:1px solid var(--line);border-radius:12px}header{padding-top:28px}main{padding-bottom:28px}}@media(max-width:360px){header{padding:22px 18px 10px}.wordmark{font-size:21px}main{padding:18px}.steps li{font-size:12px}.split .secondary{flex-basis:90px}.primary,.secondary{padding:12px 10px}}@media(prefers-reduced-motion:reduce){button{transition:none}}


.brand-header{display:block;text-align:center;padding-top:26px;padding-bottom:0}.brand-lockup{display:flex;align-items:center;justify-content:center;gap:12px}.brand-lockup .wordmark{display:block;flex:1;min-width:0;max-width:260px;line-height:0}.wordmark img{display:block;width:100%;height:auto;object-fit:contain}.brand-cross{font-family:system-ui,sans-serif;font-size:28px;font-weight:400;color:var(--muted)}.partner-logo{display:block;flex-shrink:0;width:112px;height:auto;object-fit:contain}.brand-header .demo-label{display:block;margin-top:14px;font-size:13px;color:var(--muted)}.brand-purpose{margin:3px 0 0;font-size:13px;color:var(--muted);text-wrap:balance}.intro strong{font-weight:600}.steps li.done:before,.steps li[aria-current]:before{border-color:var(--primary)}@media(max-width:420px){.brand-lockup{gap:9px}.brand-cross{font-size:23px}.partner-logo{width:96px}.brand-purpose{font-size:12px}.brand-header .demo-label{margin-top:10px}}@media(max-width:360px){.brand-lockup{gap:7px}.partner-logo{width:84px}.brand-cross{font-size:20px}.brand-purpose{font-size:12px}}


.attachment{display:block!important;padding:12px 0!important;border-bottom:1px solid var(--line);min-width:0}.attachment-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.attachment-heading>span{min-width:0;overflow-wrap:anywhere;font-size:14px}.attachment-heading button{flex-shrink:0}.attachment-media{margin-top:8px;border:1px solid var(--line);border-radius:8px;background:var(--soft);overflow:hidden;min-height:120px;display:grid;place-items:center}.attachment-media img{display:block;width:100%;height:200px;object-fit:contain}.attachment-media object{display:block;width:100%;height:240px;border:0}.attachment-media p{padding:12px;font-size:14px}.attachment-actions{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}.document-link{color:var(--primary);font-size:14px;display:inline-flex;align-items:center;min-height:44px;overflow-wrap:anywhere}#file-review .attachment:last-child,#file-list .attachment:last-child{border-bottom:0}#document-preview{width:min(900px,calc(100% - 24px));max-height:calc(100dvh - 24px);padding:18px;border:1px solid var(--line);border-radius:12px;color:var(--ink);background:var(--white)}#document-preview::backdrop{background:oklch(0.15 0 0 / .7)}.preview-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:12px}.preview-heading h2{min-width:0;overflow-wrap:anywhere;font-size:16px}.preview-heading button{flex-shrink:0;font-size:14px;padding:8px 12px;min-height:44px}#preview-content{background:var(--soft);overflow:auto}#preview-content img{display:block;max-width:100%;max-height:65dvh;object-fit:contain;margin:auto}#preview-content object{display:block;width:100%;height:65dvh;border:0}#preview-content p{padding:16px}
.pdf-preview{width:100%;min-width:0;padding:10px;background:var(--soft)}.pdf-preview canvas{display:block;width:100%;height:auto;background:var(--white)}.attachment-media .pdf-preview canvas{max-height:260px;width:auto;max-width:100%;margin:auto}.pdf-status{font-size:13px!important;color:var(--muted);margin:0 0 8px;padding:0!important}.pdf-navigation{display:flex;align-items:center;justify-content:space-between;gap:8px;position:sticky;bottom:0;background:var(--white)}.pdf-navigation span{font-size:13px}.pdf-navigation button:disabled{color:var(--muted);cursor:default;text-decoration:none}#preview-content{max-height:65dvh}#document-preview .pdf-preview{padding:12px}

#file-list .attachment{border:1px dashed var(--line);border-radius:var(--radius);padding:18px!important}.upload #file-list .attachment:last-child{border-bottom:1px dashed var(--line)}

.consent-details{margin-top:28px}.consent-details h2{font-size:18px}.consent-details p{font-size:14px;line-height:1.8;margin:12px 0 0;text-wrap:pretty}.consent-details a{color:var(--primary);text-decoration:underline}
