:root{--bg:#333333;--ink:#fff;--muted:#d2d0ca;--amber:#e69513;--line:rgba(255,255,255,.23);--font:SurveyBangla,'Noto Sans Bengali',sans-serif;color-scheme:dark}
*{box-sizing:border-box}html{scroll-padding-bottom:130px}body{margin:0;color:var(--ink);background:var(--bg);font:400 18px/1.65 var(--font);-webkit-tap-highlight-color:transparent}button,input,textarea{font:inherit}button,label,a{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid #ffd079;outline-offset:4px}a{color:inherit}[hidden]{display:none!important}
.backdrop{position:fixed;inset:0;pointer-events:none;z-index:-1;overflow:hidden}.backdrop img{width:100%;height:100%;object-fit:cover;object-position:50% center;opacity:.8;filter:saturate(.72);transition:opacity .3s ease}.backdrop:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#333333 0,rgba(40,39,37,.8) 160px,rgba(28,27,25,.66) 54%,rgba(31,30,28,.94) 100%)}
.survey-shell{max-width:540px;margin:0 auto;min-height:100svh;position:relative;padding-bottom:125px}.brandbar{height:106px;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 24px;background:#333;position:relative}.brand{display:inline-flex;text-decoration:none}.brand-window{display:block;position:relative;overflow:hidden;width:175px;height:77px}.brand-window img{display:block;width:100%;height:100%;object-fit:contain}.preview-label{font-size:12px;line-height:1.2;color:#cac8c4;border-left:1px solid #66615b;padding:4px 0 4px 12px;white-space:nowrap}
.intro{padding:0 24px 14px}.intro p{font-size:14px;line-height:1.85;color:#d0cec8;margin:0;max-width:440px}.intro strong{font-weight:500;color:#fff}
.question-section{padding:12px 24px 22px}.progress-caption{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:14px;margin-bottom:12px;color:#d6d3ce}.progress-caption span:first-child{color:#f3b452;font-weight:500}.progress-caption span:last-child{white-space:nowrap}.progress-track{height:3px;background:#ffffff20;border-radius:0;overflow:hidden;margin-bottom:26px}.progress-track>span{height:100%;display:block;background:var(--amber);transition:width .25s ease}h1,h2{font-weight:600;letter-spacing:0}h2{font-size:28px;line-height:1.5;margin:0 0 12px;outline:none;max-width:460px}h1{font-size:36px;line-height:1.45;margin:0 0 18px}h1 span{color:#f4ab32}.hint{font-size:15px;color:#d2cfc8;line-height:1.75;margin:0 0 19px}.stage-label{font-size:14px;line-height:1.8;color:#d1cdc5;margin:0 0 12px}
.choices{display:flex;flex-direction:column;gap:0;border-top:1px solid var(--line)}.choice{position:relative;display:flex;align-items:center;gap:16px;min-height:65px;padding:15px 12px 15px 5px;border-bottom:1px solid var(--line);cursor:pointer;font-size:17px;line-height:1.7;background:rgba(39,38,35,.16);transition:background .18s ease,padding .18s ease}.choice:has(input:checked){background:rgba(220,135,0,.2);padding-left:12px;border-bottom-color:#cb892e}.choice:has(input:checked):before{content:'';position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--amber)}.choice input{appearance:none;flex:none;width:22px;height:22px;margin:0;border:1.5px solid #b5b3ac;background:rgba(255,255,255,.04);border-radius:50%;position:relative;display:grid;place-content:center;transition:background .16s,border-color .16s}.choice input[type=checkbox]{border-radius:4px}.choice input:checked{background:var(--amber);border-color:var(--amber)}.choice input:checked:after{content:'';width:9px;height:5px;border:solid #28231a;border-width:0 0 2px 2px;transform:rotate(-45deg) translateY(-1px)}.choice span{display:block;min-width:0}.choice:has(input:checked) span{color:#fff4df}
.comment{padding-top:27px}.comment>label{display:block;font-size:15px;line-height:1.8;color:#e8e3da;margin-bottom:10px}.optional{font-size:12px;color:#b6b1a8;white-space:nowrap;margin-left:7px}textarea,.other-country{resize:vertical;display:block;width:100%;min-height:84px;padding:13px 14px;border:1px solid #77736b;border-radius:3px;font-size:17px;line-height:1.7;color:#fff;background:rgba(32,31,29,.55);scroll-margin-bottom:150px}textarea::placeholder,.other-country::placeholder{color:#b6b0a6}textarea:focus,.other-country:focus{border-color:var(--amber);background:rgba(37,34,28,.9)}.navigation{position:fixed;z-index:5;bottom:0;left:50%;transform:translateX(-50%);width:min(100%,540px);padding:15px 24px calc(16px + env(safe-area-inset-bottom));background:rgba(45,44,41,.98);border-top:1px solid #ffffff15}.nav-inner{display:flex;align-items:center;justify-content:space-between;gap:18px}.nav-caption{font-size:14px;line-height:1.5;color:#d2cdc3;max-width:130px}.next{display:inline-flex;align-items:center;justify-content:center;gap:18px;min-height:54px;border:1px solid var(--amber);border-radius:3px;padding:12px 22px;font-size:17px;font-weight:600;background:var(--amber);color:#231e17;transition:transform .15s,background .15s}.next:active{transform:translateY(2px)}.next:disabled{background:#625843;border-color:#625843;color:#e5d3b7}.next span{font-family:system-ui;font-size:24px;line-height:1}.back{background:none;border:0;color:#dfd8cc;min-height:48px;font-size:15px;padding:8px 0}.back span{font-family:system-ui;margin-right:5px}
.error:empty{display:none}.error:not(:empty){position:fixed;bottom:100px;left:50%;transform:translateX(-50%);z-index:10;width:calc(100% - 40px);max-width:492px;padding:12px 16px;color:#fff5e2;background:#714b13;border:1px solid #f0b75f;line-height:1.6;font-size:14px}
.country-detail{padding:20px 0 3px;animation:reveal .22s ease}.country-detail>label{display:block;font-size:15px;color:#ded8ce;margin-bottom:9px}.country-trigger{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;border:1px solid #bd852f;padding:13px 15px;min-height:56px;border-radius:3px;background:rgba(47,39,25,.7);color:#fff;font-size:17px;text-align:left}.country-trigger .chevron{font-family:system-ui;font-size:20px;color:var(--amber)}.country-trigger .empty{color:#e0c291}.country-detail .other-label{display:block;margin:17px 0 9px;color:#ded8ce;font-size:15px}.other-country{min-height:54px;resize:none}.country-help{font-size:13px;line-height:1.7;color:#c7bba7;margin:9px 0 0}.country-picker{position:fixed;inset:auto 0 0;margin:0 auto;border:0;border-radius:16px 16px 0 0;padding:0;width:min(100%,540px);height:min(80dvh,680px);max-height:90dvh;max-width:100vw;color:#282827;background:#f6f5f1;box-shadow:0 -16px 70px #0007;overflow:hidden;color-scheme:light}.country-picker[open]{display:flex;flex-direction:column;animation:sheet-in .24s ease}.country-picker::backdrop{background:#161512b8;backdrop-filter:blur(3px)}body:has(.country-picker[open]){overflow:hidden}.sheet-handle{width:40px;height:4px;border-radius:9px;background:#d4d0c8;margin:10px auto 0;flex-shrink:0}.picker-head{display:flex;align-items:center;justify-content:space-between;padding:13px 20px 8px}.picker-head h2{font-size:23px;margin:0}.close-picker{width:42px;height:42px;display:grid;place-items:center;border:0;background:#e9e7e1;border-radius:50%;font-family:system-ui;font-size:24px;color:#45443f}.search-wrap{margin:5px 20px 12px;border:1px solid #d6d1c8;display:flex;align-items:center;background:#fff;border-radius:4px;padding:0 12px;gap:10px}.search-wrap svg{flex:none;width:18px;height:18px;color:#777168}.search-wrap input{border:0;outline:none;min-width:0;width:100%;height:51px;background:transparent;color:#302b24;font-size:17px}.search-wrap:focus-within{outline:2px solid #e4a23b;outline-offset:2px}.picker-caption{font-size:13px;color:#7b7468;margin:0;padding:0 21px 10px}.country-list{overflow-y:auto;overscroll-behavior:contain;flex:1;padding:0 20px max(20px,env(safe-area-inset-bottom));scrollbar-width:thin}.country-option{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:57px;width:100%;padding:12px 3px;text-align:left;border:0;border-bottom:1px solid #e0dbd1;background:none;color:#302b23;font-size:17px}.country-option:hover,.country-option[aria-pressed=true]{background:#f3e5cb}.country-option .country-indicator{width:20px;height:20px;border:1px solid #b2aca1;border-radius:50%;flex:none}.country-option[aria-pressed=true] .country-indicator{border:5px solid #d98a07;background:#fff}.country-option.other{color:#935604;font-weight:600}.no-country{font-size:15px;color:#756b5e;padding:17px 0}
.end{padding:52px 24px 30px}.end-badge{width:57px;height:57px;border:1px solid #a57834;color:var(--amber);font-size:29px;display:grid;place-items:center;margin-bottom:28px;border-radius:50%}.eyebrow{font-size:14px;color:#f1b34e;display:block;margin-bottom:15px}.end h1:focus{outline:none}.end p{color:#dfd8cd;font-size:17px}.preview-note{border-left:2px solid #c68b2b;padding:10px 0 10px 16px;font-size:14px!important;line-height:1.8;margin:27px 0;background:rgba(20,20,20,.1)}.end .next{width:100%;margin-top:16px}.end .back{display:block;margin:12px auto 0}
.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.enter{animation:reveal .23s ease}@keyframes reveal{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}@keyframes sheet-in{from{transform:translateY(55px);opacity:0}to{transform:translateY(0);opacity:1}}
@media(min-width:600px){.survey-shell{background:rgba(38,37,34,.15);border-left:1px solid #ffffff0e;border-right:1px solid #ffffff0e}.backdrop img{object-position:center 54%}.backdrop:after{background:linear-gradient(90deg,#252421e6,#292825c9 30%,#292825c9 70%,#252421e6)}}
@media(max-width:370px){.brandbar{padding:8px 19px;height:96px}.brand-window{width:153px;height:68px}.preview-label{font-size:11px;padding-left:8px}.intro,.question-section{padding-left:19px;padding-right:19px}h2{font-size:25px}.choice{font-size:16px;gap:12px;padding-right:7px}.navigation{padding-left:19px;padding-right:19px}.next{font-size:16px;padding:12px 17px}.nav-caption{font-size:13px}.progress-caption{font-size:13px}.end{padding-left:20px;padding-right:20px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

body{isolation:isolate}.selection-summary{color:#f1b44f;font-weight:500;white-space:nowrap}.brand-window{height:80px}@media(max-width:370px){.brand-window{height:70px}}