@font-face{font-family:Inter;src:url('./assets/InterVariable.woff2') format('woff2');font-style:normal;font-weight:100 900;font-display:swap}
:root{color-scheme:light;--ink:#102044;--blue:#086ee9;--line:#d4dfed;--muted:#5b6880;--font:Inter,Arial,sans-serif;--app-height:100dvh;--app-top:0px}
*{box-sizing:border-box}
html,body{margin:0;width:100%;height:100%;overflow:hidden}
body{font:1rem/1.5 var(--font);color:var(--ink);background:#edf5ff}
html[lang=my] body{font-family:'Myanmar Text','Noto Sans Myanmar',sans-serif;line-height:1.65}
button,input,select{font:inherit;color:inherit}
button,a,input,select{-webkit-tap-highlight-color:transparent}
button,a{touch-action:manipulation}
button{cursor:pointer}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #87c3ff;outline-offset:2px}
[hidden]{display:none!important}
.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.setup-icon{display:block;width:1.5rem;height:1.5rem;fill:currentColor;flex:none;color:var(--blue)}
#setup-app{position:fixed;left:0;right:0;top:var(--app-top);height:100vh;height:var(--app-height,100dvh);display:grid;grid-template-rows:auto minmax(0,1fr) auto;background:#edf5ff url('./assets/login-background.webp') center/cover no-repeat}
.setup-header{background:rgba(255,255,255,.98);border-bottom:1px solid #e5edf7;padding:calc(7px + env(safe-area-inset-top)) max(24px,env(safe-area-inset-left)) 7px}
.setup-header-inner{width:min(1120px,100%);min-height:52px;margin:auto;display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.setup-brand{display:flex;align-items:center;gap:8px;min-height:44px;color:#0864e6;text-decoration:none;flex:none}
.setup-brand img{display:block;width:43px;height:40px;object-fit:contain}
.setup-brand>span{display:grid;line-height:1}
.setup-brand strong{font-size:1.65rem;font-weight:850;letter-spacing:-.06em}
.setup-brand small{margin-top:4px;font-size:.56rem;font-weight:750;white-space:nowrap}
.setup-languages{display:flex;gap:8px;flex-wrap:wrap}
.setup-languages button{min-height:44px;min-width:72px;padding:7px 14px;border:1px solid #e2ecf7;border-radius:24px;background:#fff;box-shadow:0 3px 10px #15519b0a;font-size:.75rem;font-weight:750}
.setup-languages button[aria-pressed=true]{background:#eaf4ff;border-color:#d2e9ff}
#setup-main{min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-gutter:stable;padding:30px max(24px,env(safe-area-inset-right)) 22px max(24px,env(safe-area-inset-left));scroll-padding:14px;-webkit-overflow-scrolling:touch}
.setup-content{width:min(1080px,100%);margin-inline:auto}
.setup-progress{display:flex;justify-content:space-between;gap:12px;margin-bottom:12px;font-size:.75rem;color:var(--muted)}
.setup-progress>span:first-child{display:none}
.setup-progress>span:last-child{margin-left:auto}
.setup-intro{margin:0 0 27px;padding-inline:0}
.setup-intro h1{margin:0;color:#061641;font-size:clamp(1.75rem,3vw,2.65rem);font-weight:850;line-height:1.2;letter-spacing:-.035em;overflow-wrap:anywhere}
.setup-intro h1:focus{outline:none}
.setup-intro p{margin:9px 0 0;color:var(--muted);font-size:1rem;font-weight:500}
#setup-form{display:grid;gap:25px}
fieldset{margin:0;padding:0;border:0;min-width:0}
.account-types{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.account-card{position:relative;display:flex;align-items:center;gap:20px;min-height:115px;padding:24px 42px 24px 26px;border:1.5px solid var(--line);border-radius:14px;background:#ffffffdc;cursor:pointer;transition:background .16s,border-color .16s}
.account-card:has(input:checked){border:2px solid #0873f5;background:#eff7ff;padding:23.5px 41.5px 23.5px 25.5px}
.account-card:focus-within{outline:3px solid #9ccfff;outline-offset:3px}
.account-card>input{position:absolute;top:20px;right:20px;width:20px;height:20px;margin:0;accent-color:var(--blue);cursor:pointer}
.account-card>input:focus-visible{outline:none}
.account-icon{width:43px;height:43px}
.account-card-copy{display:grid;gap:4px;min-width:0}
.account-card-copy strong{font-size:1.1rem;font-weight:800;line-height:1.4}
.account-card-copy>span{font-size:.84rem;color:#43516a;line-height:1.55}
#setup-details-heading{margin:0 0 14px;font-size:1.6rem;line-height:1.3;letter-spacing:-.025em}
#business-fields{display:grid;gap:18px}
.setup-field{min-width:0}
.setup-field>label{display:block;margin-bottom:7px;font-size:.875rem;font-weight:750}
.setup-field>input,.setup-field>select{display:block;width:100%;min-height:46px;padding:9px 12px;border:1px solid var(--line);border-radius:8px;background:#ffffffeb;font-size:1rem;line-height:1.45}
.setup-field>input::placeholder{color:#78869b;opacity:1}
.setup-field>select{appearance:auto;max-width:100%;text-overflow:ellipsis}
.setup-field [aria-invalid=true]{border-color:#b52b33;background:#fffafb}
#industry{display:none}
#industry-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.industry-option{position:relative;display:grid;justify-items:center;align-content:center;gap:9px;min-height:94px;padding:14px 8px 10px;border:1px solid var(--line);border-radius:9px;background:#ffffffdb;cursor:pointer;text-align:center}
.industry-option>input{position:absolute;top:8px;right:8px;width:16px;height:16px;margin:0;accent-color:var(--blue);opacity:0}
.industry-option:has(input:checked){border:1.5px solid var(--blue);background:#eaf4ff;padding:13.5px 7.5px 9.5px}
.industry-option:has(input:checked)>input,.industry-option:focus-within>input{opacity:1}
.industry-option:focus-within{outline:3px solid #9ccfff;outline-offset:2px}
.industry-option .setup-icon{width:26px;height:26px}
.industry-option>span{font-size:.78rem;font-weight:600;line-height:1.4;overflow-wrap:anywhere}
.location-fields{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.field-error{margin:6px 0 0;color:#a91d2e;font-size:.8rem;line-height:1.5}
.individual-note{margin:15px 0 0;color:var(--muted);font-size:.875rem}
#setup-feedback{margin:12px 0 0;color:#a91d2e;font-size:.875rem;line-height:1.6}
#setup-feedback:empty{display:none}
#setup-footer{background:rgba(255,255,255,.93);padding:0 max(24px,env(safe-area-inset-right)) calc(12px + env(safe-area-inset-bottom)) max(24px,env(safe-area-inset-left))}
.setup-footer-inner{width:min(1080px,100%);margin:auto;padding-top:13px;border-top:1px solid #dfe8f3;display:flex;align-items:center;justify-content:space-between;gap:18px}
.setup-footer-inner button{min-height:46px;padding:9px 24px;border-radius:9px;font-size:.9rem;font-weight:750;line-height:1.5;overflow-wrap:anywhere}
.setup-back{border:1px solid transparent;background:transparent;color:#0064e9}
.setup-next{min-width:160px;border:1px solid var(--blue);background:var(--blue);color:#fff;box-shadow:0 4px 12px #005fe31a}
.setup-next:hover{background:#005dcf}
.setup-back:hover{background:#eaf4ff}
.summary-icon{width:42px;height:42px;margin-bottom:14px}
#setup-summary{max-width:720px;margin:30px auto}
#setup-summary h2{margin:0;font-size:1.8rem;color:#061641;line-height:1.4}
#setup-summary>p{margin:8px 0 24px;color:var(--muted);font-size:.9rem}
#setup-summary-list{margin:0;padding:0;border-top:1px solid var(--line)}
.summary-row{display:grid;grid-template-columns:1fr 1.5fr;gap:20px;padding:13px 0;border-bottom:1px solid var(--line);overflow-wrap:anywhere}
.summary-row dt{font-weight:650;font-size:.875rem}
.summary-row dd{margin:0;font-size:.875rem;color:#43516a}
html[lang=my] .setup-intro h1{line-height:1.6;letter-spacing:0;font-size:clamp(1.65rem,2.5vw,2.25rem)}
html[lang=my] .account-card-copy strong{line-height:1.7}
html[lang=my] .industry-option>span{line-height:1.7}
@media(min-width:900px) and (max-height:900px){
 #setup-main{padding-top:18px;padding-bottom:12px}
 .setup-progress{margin-bottom:6px}
 .setup-intro{margin-bottom:16px}
 .setup-intro h1{font-size:2rem}
 .setup-intro p{margin-top:6px;font-size:.875rem}
 #setup-form{gap:18px}
 .account-card{min-height:90px;padding:16px 40px 16px 22px}
 .account-card:has(input:checked){padding:15.5px 39.5px 15.5px 21.5px}
 .account-icon{width:34px;height:34px}
 #setup-details-heading{font-size:1.4rem;margin-bottom:10px}
 #business-fields{gap:14px}
 .setup-field>label{margin-bottom:5px}
 .setup-field>input,.setup-field>select{min-height:44px;padding-block:8px}
 #industry-grid{gap:10px}
 .industry-option{min-height:70px;gap:5px;padding:9px 8px 7px}
 .industry-option:has(input:checked){padding:8.5px 7.5px 6.5px}
 .industry-option .setup-icon{width:23px;height:23px}
}
@media(max-width:899px){
 .setup-header{padding:calc(7px + env(safe-area-inset-top)) max(14px,env(safe-area-inset-left)) 7px}
 .setup-header-inner{min-height:44px;gap:7px}
 .setup-brand{gap:6px}
 .setup-brand img{width:35px;height:33px}
 .setup-brand strong{font-size:1.4rem}
 .setup-brand small{font-size:.45rem;max-width:135px;white-space:normal;line-height:1.45;margin-top:2px}
 .setup-languages{gap:5px}
 .setup-languages button{min-width:58px;padding:7px 10px;font-size:.7rem}
 #setup-main{padding:14px max(18px,env(safe-area-inset-right)) 14px max(18px,env(safe-area-inset-left));scrollbar-gutter:auto}
 .setup-content{width:min(520px,100%)}
 .setup-progress{margin-bottom:12px;font-size:.75rem}
 .setup-progress>span:first-child{display:inline}
 .setup-intro{margin-bottom:23px}
 .setup-intro h1{font-size:1.65rem;line-height:1.3;letter-spacing:-.035em}
 .setup-intro p{margin-top:7px;font-size:.875rem;line-height:1.6}
 html[lang=my] .setup-intro h1{font-size:1.5rem;line-height:1.7;letter-spacing:0}
 html[lang=my] .setup-intro p{line-height:1.8}
 #setup-form{gap:0}
 .account-types{gap:10px}
 .account-card{display:grid;align-items:start;align-content:start;gap:10px;min-height:184px;padding:17px 12px 16px}
 .account-card:has(input:checked){padding:16.5px 11.5px 15.5px}
 .account-card>input{top:13px;right:10px;width:18px;height:18px}
 .account-icon{width:31px;height:31px}
 .account-card-copy{gap:5px}
 .account-card-copy strong{font-size:.95rem;line-height:1.5}
 .account-card-copy>span{font-size:.82rem;line-height:1.65}
 #setup-details-heading{display:none}
 #business-fields{gap:20px}
 .setup-field>label{margin-bottom:7px;font-size:.875rem;line-height:1.7}
 .setup-field>input,.setup-field>select{min-height:48px;padding:10px 11px;font-size:1rem}
 #industry{display:block}
 #industry-grid{display:none}
 .location-fields{grid-template-columns:1fr;gap:20px}
 #setup-footer{padding:0 max(18px,env(safe-area-inset-right)) calc(10px + env(safe-area-inset-bottom)) max(18px,env(safe-area-inset-left))}
 .setup-footer-inner{width:min(520px,100%);padding-top:10px;gap:10px;flex-wrap:wrap}
 .setup-footer-inner button{min-height:48px;max-width:100%;font-size:.9rem;padding:10px 15px;min-width:0;overflow-wrap:normal}
 .setup-next{flex:1 0 auto}
 .setup-back{flex:0 0 auto}
 #setup-summary{margin:8px auto 0}
 #setup-summary h2{font-size:1.4rem}
 .summary-row{grid-template-columns:1fr;gap:3px;padding:10px 0}
 #setup-feedback{font-size:.82rem}
}
@media(max-width:899px) and (max-height:600px){
 #setup-main{padding-top:10px;padding-bottom:10px}
 .setup-progress{margin-bottom:7px}
 .setup-intro{margin-bottom:15px}
 .setup-intro h1{font-size:1.5rem}
 .setup-intro p{margin-top:4px}
 html[lang=my] .setup-intro h1{font-size:1.4rem}
 .account-card{min-height:160px;padding-top:13px;padding-bottom:12px;gap:7px}
 .account-card:has(input:checked){padding-top:12.5px;padding-bottom:11.5px}
 #business-fields,.location-fields{gap:15px}
}
@media(max-width:899px) and (max-height:400px){
 .setup-header{padding-top:env(safe-area-inset-top);padding-bottom:0}
 #setup-main{padding-top:7px;padding-bottom:7px}
 .setup-progress{margin-bottom:5px}
 .setup-intro{margin-bottom:10px}
 .setup-intro h1{font-size:1.25rem}
 html[lang=my] .setup-intro h1{font-size:1.2rem}
 .setup-intro p{margin-top:2px;font-size:.8rem}
 .account-card{min-height:130px;display:flex;gap:14px;align-items:center;padding:14px 35px 14px 14px}
 .account-card:has(input:checked){padding:13.5px 34.5px 13.5px 13.5px}
 .account-card-copy strong{font-size:.9rem}
 .account-card-copy>span{font-size:.75rem}
 .account-icon{width:28px;height:28px}
 #business-fields,.location-fields{display:grid;grid-template-columns:1fr 1fr;gap:14px;align-items:start}
 .setup-field>label{font-size:.8rem;margin-bottom:4px}
 .setup-field>input,.setup-field>select{min-height:44px;padding-block:8px}
 .setup-footer-inner{padding-top:6px}
 #setup-footer{padding-bottom:calc(6px + env(safe-area-inset-bottom))}
 .setup-footer-inner button{min-height:44px;padding-block:7px}
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}