:root{--layout-max-width:1320px;--navy:#2d3561;--navy-dark:#1e2445;--teal:#3ab5c6;--teal-light:#5ecfdd;--teal-dark:#2a96a5;--orange:#e8622a;--orange-light:#f07840;--bg-lavender:#e8eaf6;--bg-card:#f4f5fb;--inner-container:#e9e8f4;--inner-user-card:#d8d6e8;--white:#fff;--text-dark:#1e2445;--text-mid:#4a5568;--text-light:#8892a4;--border:#d1d9e6;--shadow-sm:0 2px 8px #2d356114;--shadow-md:0 4px 20px #2d35611f;--shadow-lg:0 8px 40px #2d356129;--radius-sm:8px;--radius-md:14px;--radius-lg:24px;--font-body:"DM Sans",sans-serif;--font-display:"Outfit",sans-serif;--transition:0.2s cubic-bezier(0.4,0,0.2,1)}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{background-color:#e8eaf6;background-color:var(--bg-lavender);scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;background:#e8eaf6;background:var(--bg-lavender);color:#1e2445;color:var(--text-dark);font-family:DM Sans,sans-serif;font-family:var(--font-body);font-size:17px;overflow-x:hidden}#root,body{min-height:100vh;min-height:100dvh}#root{display:flex;flex-direction:column}@media (max-width:767px){html{height:100%;overflow:hidden}body{overscroll-behavior:none}#root,body{height:100%;height:100dvh;max-height:100dvh;overflow:hidden}#root{display:flex;flex-direction:column;min-height:0}}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#e8eaf6;background:var(--bg-lavender)}::-webkit-scrollbar-thumb{background:#d1d9e6;background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#3ab5c6;background:var(--teal)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes checkmark{0%{stroke-dashoffset:100}to{stroke-dashoffset:0}}.app-header{background:var(--navy);box-shadow:0 2px 12px #0000002e;box-sizing:border-box;height:64px;padding:0 max(32px,env(safe-area-inset-right)) 0 max(32px,env(safe-area-inset-left));position:sticky;top:0;width:100%;z-index:100}.header-inner{gap:24px;height:100%;justify-content:space-between;margin:0 auto;max-width:1320px;max-width:var(--layout-max-width,1320px);width:100%}.header-brand,.header-inner{align-items:center;display:flex}.header-brand{flex-shrink:0}.header-brand-logo{display:block;height:36px;max-width:min(42vw,200px);object-fit:contain;object-position:left center;width:auto}.header-title{flex:1 1;min-width:0}.header-title h1{color:#ffffffe6;font-family:var(--font-display);font-size:19px;font-weight:400;letter-spacing:.3px;overflow-wrap:break-word;word-break:break-word}.header-spacer{flex-shrink:0;width:160px}@media (max-width:767px){.app-header{left:0;padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right));position:fixed;right:0;top:env(safe-area-inset-top,0);width:100%}.header-inner{max-width:none}.header-title h1{font-size:15px}.header-spacer{display:none}.header-brand-logo{height:30px;max-width:min(38vw,160px)}}@media (max-width:667px){.app-header{padding-left:max(14px,env(safe-area-inset-left));padding-right:max(14px,env(safe-area-inset-right))}.header-title h1{font-size:14px}.header-brand-logo{height:28px;max-width:min(40vw,150px)}}@media (max-width:440px){.app-header{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}.header-title h1{font-size:13px;letter-spacing:.1px}.header-brand-logo{height:26px;max-width:min(42vw,140px)}}@media (max-width:380px){.header-brand-logo{max-width:min(34vw,128px)}}.landing-page{align-items:stretch;box-sizing:border-box;display:flex;flex:1 1;flex-direction:column;justify-content:flex-start;min-height:0;overflow:hidden;padding:clamp(20px,4vh,48px) 40px clamp(20px,3.5vh,48px);position:relative}.landing-page-inner{align-items:stretch;max-width:none;min-height:0}.landing-laptop-container,.landing-page-inner{display:flex;flex:1 1;justify-content:center;margin:0 auto;width:100%}.landing-laptop-container{align-items:center;background-position:50%;background-repeat:no-repeat;background-size:contain;box-sizing:border-box;max-width:100%;min-height:320px;padding-bottom:4px;position:relative;transform:scale(1.07);transform-origin:center center}.landing-user-info-banner{align-items:center;display:flex;flex-direction:column;height:52%;justify-content:center;left:18%;overflow:hidden;padding:2%;position:absolute;top:30%;width:64%}.landing-user-info-card{background:linear-gradient(165deg,#fff,#f7f8fc 55%,#f0f2fa);border:1px solid #2d35611a;border-radius:var(--radius-md);box-shadow:inset 0 1px 0 #ffffffd9,0 12px 40px #2d35611f,0 4px 12px #2d35610f;margin-bottom:18px;max-width:500px;overflow:hidden;padding:28px 32px;position:relative;width:100%}.landing-user-info-card:before{background:linear-gradient(180deg,var(--orange) 0,var(--orange-light) 45%,var(--teal) 100%);border-radius:var(--radius-md) 0 0 var(--radius-md);bottom:0;content:"";left:0;position:absolute;top:0;width:4px}.landing-welcome{padding-left:4px;text-align:left}.landing-welcome__title{color:var(--navy-dark);font-family:var(--font-display);font-size:22px;font-weight:700;letter-spacing:-.02em;line-height:1.25;margin:0 0 12px}.landing-welcome__subtitle{color:var(--text-mid);font-family:var(--font-body);font-size:18px;font-weight:500;line-height:1.55;margin:0;max-width:42ch}.landing-fields-row{display:flex;flex-direction:column;gap:8px}.field-row{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.field-row label{flex:0 0 120px;font-weight:700;letter-spacing:.2px}.field-row input,.field-row label{color:var(--text-dark);font-size:15px}.field-row input{background:var(--white);border:1.5px solid var(--border);border-radius:var(--radius-sm);flex:1 1;font-family:var(--font-body);min-width:180px;outline:none;padding:12px 16px;transition:var(--transition)}.field-row input::placeholder{color:var(--text-light)}.field-row input:focus{border-color:var(--teal);box-shadow:0 0 0 3px #3ab5c61f}.field-row.error input{border-color:#e53e3e;box-shadow:0 0 0 3px #e53e3e1a}.field-row .field-error{color:#e53e3e;flex:1 1 100%;font-size:13px;font-weight:500;margin-left:120px}.start-btn{align-items:center;background:var(--navy);border:none;border-radius:var(--radius-sm);color:var(--white);cursor:pointer;display:flex;font-family:var(--font-display);font-size:17px;font-weight:700;gap:10px;justify-content:center;letter-spacing:2px;margin-bottom:12px;max-width:420px;padding:14px 24px;transition:var(--transition);width:100%}.start-btn:hover{background:var(--navy-dark);box-shadow:0 6px 20px #2d35614d;transform:translateY(-1px)}.start-btn:active{transform:translateY(0)}.landing-form-actions{display:flex;justify-content:center;max-width:520px;width:100%}@media (max-width:1599px){.landing-laptop-container{max-height:620px;transform:scale(1.17)}.start-btn{max-width:270px}.landing-user-info-banner{height:66%;left:17%;top:20%;width:65%;.landing-user-info-card{padding:16px}}}@media (max-width:1399px){.landing-page{padding-left:32px;padding-right:32px}.landing-laptop-container{margin-top:0;transform:scale(1.18)}.field-row{input,label{font-size:13px}input{padding:8px 16px}.field-error{font-size:11px}}}@media (max-width:1299px){.landing-page{padding-left:32px;padding-right:32px}.landing-laptop-container{margin-top:0;transform:scale(1.08)}.landing-user-info-banner{height:60%}.start-btn{font-size:13px;max-width:200px;padding:10px 16px}}@media (max-width:767px){.landing-page{overflow-x:hidden;overflow-y:visible;padding:16px max(12px,env(safe-area-inset-right)) max(24px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left))}.landing-page-inner{max-width:none;width:100%}.landing-laptop-container{align-items:stretch;background-image:none!important;display:flex;flex:0 1 auto;flex-direction:column;margin:0;min-height:0;padding:0;transform:none!important;width:100%}.landing-user-info-banner{height:auto;left:auto;min-height:0;padding:0;position:relative;top:auto;width:100%}.landing-user-info-card{border-radius:var(--radius-lg);box-shadow:inset 0 1px 0 #ffffffd9,0 12px 40px #2d35611f,0 4px 12px #2d35610f;margin-bottom:0;max-width:none;padding:24px 18px 22px;width:100%}.landing-welcome__title{font-size:clamp(18px,4.2vw,22px)}.landing-welcome__subtitle{font-size:clamp(16px,3.8vw,18px);max-width:none}.landing-form-actions{margin-top:4px;max-width:none;width:100%}.field-row{align-items:stretch;flex-direction:column;gap:8px}.field-row label{flex:none;font-size:14px}.field-row input{font-size:16px;min-width:0;padding:14px;width:100%}.field-row .field-error{margin-left:0}.start-btn{font-size:16px;letter-spacing:1.2px;margin-bottom:0;max-width:none;min-height:48px;padding:14px 20px;width:100%}}@media (max-width:380px){.landing-user-info-card{padding:16px 14px}.field-row input{font-size:16px}.start-btn{font-size:15px}}.question-row{align-items:flex-start;animation:fadeInUp .3s ease both;border-bottom:1px solid var(--border);display:flex;gap:12px;padding:12px 0;position:relative}.question-row:last-child{border-bottom:none}.question-row.dropdown-open{z-index:10}.question-label{align-items:center;background:var(--white);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-dark);display:flex;flex:1 1;font-size:14.5px;font-weight:500;line-height:1.5;min-height:44px;padding:10px 14px}.answer-col{flex-shrink:0;position:relative;width:200px}.answer-dropdown-anchor{flex:0 0 auto;min-width:0;position:relative;width:100%}.answer-btn{align-items:center;background:var(--white);border:1.5px solid var(--border);border-radius:var(--radius-sm);color:var(--text-light);cursor:pointer;display:flex;font-family:var(--font-body);font-size:14px;font-weight:500;gap:6px;justify-content:space-between;min-height:44px;padding:10px 12px;text-align:left;transition:var(--transition);width:100%}.answer-btn.open,.answer-btn:hover{border-color:var(--teal);box-shadow:0 0 0 3px #3ab5c61f}.answer-btn.has-value{color:var(--navy);font-weight:600}.answer-display{flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chevron-icon{color:var(--text-light);flex-shrink:0;transition:transform .2s ease}.chevron-icon.open{color:var(--teal);transform:rotate(180deg)}.dropdown-menu{animation:scaleIn .15s ease;background:var(--white);border:1.5px solid var(--border);border-radius:var(--radius-md);box-shadow:0 8px 32px #2d356133,0 2px 8px #2d35611a;max-height:260px;overflow:hidden;overflow-y:auto;position:absolute;right:0;top:calc(100% + 4px);transform-origin:top right;width:220px;z-index:1000}.dropdown-menu.dropdown-up{bottom:calc(100% + 4px);top:auto;transform-origin:bottom right}.dropdown-menu.dropdown-menu--portal{animation:none;background:#fff;border:1px solid #2d356138;bottom:auto;box-shadow:0 8px 32px #2d356133,0 2px 8px #2d35611a;box-sizing:border-box;margin:0;max-height:min(220px,45vh);overflow-x:hidden;overflow-y:auto;position:fixed;right:auto;top:auto;transform:none;transform-origin:top left}.dropdown-option{align-items:center;background:none;border:none;color:var(--text-mid);cursor:pointer;display:flex;font-family:var(--font-body);font-size:14px;font-weight:400;gap:10px;padding:10px 14px;text-align:left;transition:background .15s;width:100%}.dropdown-option:hover{background:#3ab5c614;color:var(--navy)}.dropdown-option.selected{background:#3ab5c61f;color:var(--teal-dark);font-weight:600}.checkbox{align-items:center;background:#fff;border:1.5px solid var(--border);border-radius:4px;color:var(--teal-dark);display:flex;flex-shrink:0;font-size:11px;font-weight:700;height:16px;justify-content:center;width:16px}.dropdown-option.selected .checkbox{background:var(--teal);border-color:var(--teal);color:#fff}.dropdown-done{background:var(--teal);border:none;border-top:1px solid var(--border);color:var(--white);cursor:pointer;font-family:var(--font-body);font-size:14px;font-weight:600;padding:10px 14px;text-align:center;transition:background .15s;width:100%}.dropdown-done:hover{background:var(--teal-dark)}.text-row{align-items:stretch;flex-direction:column}.text-row .question-label{width:100%}.text-answer{background:var(--white);border:1.5px solid var(--border);border-radius:var(--radius-sm);color:var(--text-dark);font-family:var(--font-body);font-size:14px;line-height:1.5;min-height:80px;padding:12px 14px;resize:vertical;transition:var(--transition);width:100%}.text-answer:focus{border-color:var(--teal);box-shadow:0 0 0 3px #3ab5c61f;outline:none}.text-answer::placeholder{color:var(--text-light)}@media (max-width:767px){.question-row{align-items:stretch;flex-direction:column;padding:10px 0}.question-label{font-size:14px;padding:8px 12px}.answer-col,.dropdown-menu{width:100%}}@media (max-width:380px){.question-row{padding:8px 0}.answer-btn,.question-label,.text-answer{font-size:13px;min-height:40px;padding:8px 10px}.text-answer{min-height:70px}}.step-tabs{-ms-overflow-style:none;-webkit-overflow-scrolling:touch;align-items:stretch;display:flex;gap:0;margin-bottom:24px;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;width:100%}.step-tabs::-webkit-scrollbar{display:none}.step-tab{align-items:center;appearance:none;-webkit-appearance:none;background:var(--white);border:1.5px solid var(--border);border-radius:var(--radius-sm);box-sizing:border-box;color:var(--text-mid);cursor:default;display:flex;flex:1 1;flex-shrink:0;font-family:var(--font-display);font-size:15px;font-weight:500;gap:6px;justify-content:center;line-height:1.25;margin:0;min-width:90px;padding:10px 12px;text-align:center;transition:var(--transition);width:100%}.step-tab:disabled{cursor:not-allowed}.step-tab.active{background:var(--teal);border-color:var(--teal);box-shadow:0 4px 12px #3ab5c64d;color:var(--white);font-weight:600}.step-tab.completed{background:#3c3f7c;border-color:#3c3f7c;color:#fff}.step-tab.completed .check-icon{color:#fff}.step-tab.upcoming{opacity:.7}.step-tab.locked{cursor:not-allowed;opacity:.45}.step-tab.forward-reachable{background:var(--white);border-color:var(--teal);color:var(--teal-dark);opacity:1}.step-tab.forward-reachable:hover{background:#3ab5c614}.step-tab.clickable{cursor:pointer}.step-tab.clickable:hover{opacity:1}.check-icon{color:var(--teal-dark);font-size:13px;font-weight:700}.step-tab.active .check-icon{color:var(--white)}.tab-connector{align-self:center;background:var(--border);flex-shrink:0;height:1.5px;min-width:16px;transition:var(--transition);width:16px}.tab-connector.done{background:var(--teal)}@media (max-width:767px){.step-tabs{grid-gap:8px;display:grid;gap:8px;grid-template-columns:1fr 1fr;margin-bottom:16px;overflow:visible}.tab-connector{display:none}.step-tab{flex:none;font-size:13px;line-height:1.3;min-height:48px;min-width:0;padding:10px;width:100%}.tab-label{display:block;-webkit-hyphens:auto;hyphens:auto;overflow-wrap:anywhere;word-break:break-word}}@media (max-width:380px){.step-tab{font-size:12px;min-height:46px;padding:8px}}.survey-section-wrapper.survey-laptop-page{align-items:stretch;animation:fadeIn .3s ease;box-sizing:border-box;display:flex;flex:1 1;flex-direction:column;justify-content:flex-start;margin:0;max-width:none;min-height:0;overflow:hidden;padding:clamp(20px,4vh,48px) 40px clamp(20px,3.5vh,48px);width:100%}.survey-laptop-page-inner{align-items:stretch;display:flex;flex:1 1;justify-content:center;min-height:0;width:100%}.survey-laptop-page-inner--stacked{align-items:stretch;flex-direction:column;gap:clamp(10px,2vh,24px)}.survey-tabs-above{box-sizing:border-box;flex-shrink:0;margin:0 auto;max-width:1320px;max-width:var(--layout-max-width,1320px);padding-bottom:clamp(4px,1vh,12px);position:relative;width:100%;z-index:5}.survey-tabs-above .step-tabs{margin-bottom:clamp(6px,1.2vh,16px)}.survey-tabs-above .step-tab{font-size:15px;min-width:90px;padding:10px 12px}.survey-tabs-above .tab-connector{min-width:16px;width:16px}.survey-laptop-container{--survey-avail-landing:calc(100dvh - 112px);--survey-avail-with-tabs:calc(100dvh - 184px);align-items:center;background-position:50%;background-repeat:no-repeat;background-size:contain;box-sizing:border-box;display:flex;flex:1 1;justify-content:center;margin:clamp(6px,1.5vh,24px) auto 0;max-width:100%;min-height:320px;padding-bottom:4px;position:relative;transform:scale(clamp(1.07,calc(var(--survey-avail-landing)*1.07/max(280px, var(--survey-avail-with-tabs))),1.26));transform-origin:50% 62%;width:100%}.survey-laptop-page-inner--stacked .survey-laptop-container{flex:1 1}.survey-laptop-screen{align-items:stretch;border-radius:6px;box-sizing:border-box;display:flex;flex-direction:column;height:80%;left:20%;min-height:0;min-width:0;overflow:hidden;padding:clamp(14px,3.5%,26px) clamp(16px,4.5%,32px);pointer-events:auto;position:absolute;top:15%;width:59%;z-index:2}.survey-laptop-card-stack{margin-bottom:0}.survey-laptop-card-stack,.survey-laptop-survey-card.survey-card{display:flex;flex:1 1 auto;flex-direction:column;height:100%;min-height:100%;overflow:hidden}.survey-laptop-survey-card.survey-card{background:#0000;border:none;border-radius:var(--radius-sm);box-shadow:none}.survey-laptop-survey-card.survey-card:before{display:none}.survey-laptop-screen .survey-card-inner{background:#0000;display:flex;flex:1 1 auto;flex-direction:column;height:100%;min-height:100%;min-width:0;overflow:hidden;padding:0}.survey-laptop-screen .questions-list{display:flex;flex:1 1 auto;flex-direction:column;min-height:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-color:#2d356159 #0000;scrollbar-width:thin}.survey-laptop-screen .questions-list-inner{align-items:stretch;display:flex;flex:1 1 auto;flex-direction:column;gap:10px;justify-content:flex-start;min-width:0}.survey-laptop-screen .questions-list::-webkit-scrollbar{width:5px}.survey-laptop-screen .questions-list::-webkit-scrollbar-thumb{background:#2d35614d;border-radius:3px}.survey-laptop-screen .question-animate{max-width:100%;min-width:0;width:100%}.survey-laptop-screen .question-row:not(.text-row){align-items:stretch;border-bottom:none;gap:10px;max-width:100%;min-width:0;padding:0;width:100%}.survey-laptop-screen .question-label{backdrop-filter:none;-webkit-backdrop-filter:none;background:#fff;border:1px solid #2d356138;border-radius:6px;border-radius:var(--radius-sm,6px);box-shadow:none;color:var(--text-dark);flex:1 1;font-size:13.5px;font-weight:500;line-height:1.4;min-height:44px;min-width:0;overflow-wrap:break-word;padding:10px 12px;word-break:break-word}.survey-laptop-screen .answer-col{align-self:stretch;display:flex;flex:0 0 clamp(128px,24%,176px);flex-direction:column;justify-content:flex-start;min-width:0}.survey-laptop-screen .answer-dropdown-anchor{flex:0 0 auto;position:relative;width:100%}.survey-laptop-screen .answer-btn{backdrop-filter:none;-webkit-backdrop-filter:none;background:#fff;border:1px solid #2d356138;border-radius:6px;border-radius:var(--radius-sm,6px);box-shadow:none;flex:0 0 auto;font-size:13px;font-weight:500;min-height:44px;padding:8px 10px;width:100%}.survey-laptop-screen .answer-btn.open,.survey-laptop-screen .answer-btn:hover{border-color:var(--teal);box-shadow:none}.survey-laptop-screen .dropdown-menu{backdrop-filter:none;-webkit-backdrop-filter:none;background:#fff;border:1px solid #2d356138;box-sizing:border-box;left:0!important;max-height:min(220px,45vh);max-width:100%;right:0!important;transform-origin:top center;width:100%;z-index:2000}.survey-laptop-screen .dropdown-menu.dropdown-up{transform-origin:bottom center}.survey-laptop-screen .text-row{align-items:stretch;border-bottom:none;flex-direction:column;gap:8px;max-width:100%;min-width:0;padding:0;width:100%}.survey-laptop-screen .text-row .question-label{flex:none;width:100%}.survey-laptop-screen .text-answer{backdrop-filter:none;-webkit-backdrop-filter:none;background:#fff;border:1px solid #2d356138;border-radius:6px;border-radius:var(--radius-sm,6px);box-shadow:none;box-sizing:border-box;font-size:13.5px;line-height:1.4;min-height:64px;padding:8px 10px;resize:vertical;width:100%}.survey-laptop-screen .text-answer:focus{box-shadow:0 0 0 2px #3ab5c633}.survey-laptop-screen .question-animate.dropdown-open{z-index:50}.survey-laptop-actions{align-items:center;bottom:5%;box-sizing:border-box;display:flex;flex-direction:row;flex-wrap:wrap;gap:10px;justify-content:flex-end;pointer-events:auto;position:absolute;right:21%;width:auto;z-index:25}.survey-laptop-back-btn,.survey-laptop-submit-btn{border-radius:14px;box-shadow:0 2px 12px #3ab5c659;height:44px;min-width:0;padding:0 22px;white-space:nowrap;width:fit-content}.survey-card-container{min-height:0}.survey-card,.survey-card-container{display:flex;flex:1 1;flex-direction:column}.survey-card{background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);min-height:400px;overflow:visible;position:relative}.survey-card:before{background:radial-gradient(circle,#3ab5c614 0,#0000 70%);border-radius:50%;content:"";height:220px;pointer-events:none;position:absolute;right:-80px;top:-80px;width:220px}.survey-card-inner{flex:1 1;padding:28px 32px 20px}.questions-list,.survey-card-inner{display:flex;flex-direction:column;min-height:0}.questions-list{flex:1 1;justify-content:flex-start;overflow-y:auto}.questions-list-inner{display:flex;flex-direction:column;width:100%}.question-animate{animation:fadeInUp .35s ease both;position:relative}.question-animate.dropdown-open{z-index:100}.back-btn{align-items:center;background:var(--white);border:1.5px solid var(--border);border-radius:var(--radius-sm);color:var(--navy);cursor:pointer;display:flex;font-family:var(--font-display);font-size:15px;font-weight:600;gap:6px;padding:12px 20px;transition:var(--transition)}.back-btn:hover{background:var(--bg-card);border-color:var(--teal);color:var(--teal-dark)}.submit-btn{align-items:center;background:var(--teal);border:none;border-radius:var(--radius-sm);color:var(--white);cursor:pointer;display:flex;font-family:var(--font-display);font-size:15px;font-weight:700;gap:8px;justify-content:center;letter-spacing:.5px;min-width:100px;padding:8px 16px;transition:var(--transition)}.submit-btn:hover:not(:disabled){background:var(--teal-dark);box-shadow:0 6px 16px #3ab5c659;transform:translateY(-1px)}.submit-btn:disabled{cursor:not-allowed;opacity:.7}.submit-btn.loading{background:var(--navy)}.spinner{animation:spin .7s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;flex-shrink:0;height:16px;width:16px}@media (max-width:1799px){.survey-laptop-actions{bottom:20px;bottom:5.5%;height:35px;min-width:90px;position:absolute;right:320px;right:21.5%}}@media (max-width:1650px){.survey-laptop-container{margin-top:0;transform:scale(1.2);transform-origin:50% 75%}.survey-laptop-actions{.submit-btn{font-size:14px;font-weight:600;height:30px;min-width:90px;padding:5px 12px}}.survey-laptop-screen{height:70%}}@media (max-width:1440px){.survey-laptop-container{transform:scale(1.27);transform-origin:50% 77%}.survey-laptop-screen{height:72%;left:20%;top:15%;width:59%}}@media (max-width:1370px){.survey-laptop-container{transform:scale(1.27);transform-origin:50% 77%}.survey-laptop-screen{height:75%;left:20%;top:15%;width:59%}}@media (max-width:1290px){.survey-laptop-screen{height:74%;.question-label{min-height:30px}.answer-btn,.question-label{font-size:11px;padding:5px}.text-answer{font-size:12px;min-height:40px}}.survey-laptop-actions{right:22%;.submit-btn{font-size:11px;height:26px;min-width:70px}.survey-laptop-back-btn,.survey-laptop-submit-btn{min-width:60px;padding:5px}}.survey-laptop-actions .submit-btn svg{height:12px;width:12px}.survey-laptop-screen{left:19.5%;top:13%;width:60%}.survey-tabs-above{.step-tab{font-size:12px}}.survey-laptop-container{transform:scale(1.25);transform-origin:50% 79%}}@media (max-width:1181px){.survey-laptop-container{width:80%}.survey-laptop-screen{height:60%;left:5%;top:20%;width:88%}.survey-laptop-actions{bottom:14%;right:8%}}@media (max-width:1024px){.survey-laptop-container{width:80%}.survey-laptop-screen{height:60%;left:6%;top:20%;width:88%}.landing-form-actions{margin-top:15px}}@media (max-width:950px){.landing-user-info-banner{height:75%;left:21%;top:20%;width:56.5%}.survey-laptop-container{width:80%}.survey-laptop-screen{height:80%;left:12%;top:11%;width:75%}.survey-laptop-actions{bottom:4%;right:16%}.landing-form-actions{margin-top:8px}}@media (max-width:850px) and (min-width:840px){.survey-laptop-screen{height:70%;left:8%;top:14%;width:83%}}@media (max-width:830px){.survey-laptop-container{width:80%}.survey-laptop-screen{height:28%;left:4%;top:36%;width:90%}.survey-laptop-actions{bottom:33.5%;right:9%}.landing-laptop-container{max-height:100%}.landing-user-info-banner{top:14%}}@media (max-width:767px){.survey-section-wrapper.survey-laptop-page{display:flex;flex:1 1;flex-direction:column;min-height:0;overflow:hidden;padding:12px max(12px,env(safe-area-inset-right)) 0 max(12px,env(safe-area-inset-left))}.survey-laptop-page-inner.survey-laptop-page-inner--stacked{display:flex;flex:1 1;flex-direction:column;gap:0;min-height:0;overflow:hidden}.survey-tabs-above{background:var(--bg-lavender);flex-shrink:0;margin-left:0;margin-right:0;max-width:none;padding:4px 0 14px;position:relative;width:100%;z-index:2}.survey-laptop-container{align-content:flex-start;align-items:stretch;background-image:none!important;border-radius:var(--radius-lg);box-shadow:var(--shadow-md);justify-content:flex-start;margin-top:0;max-width:100%;overscroll-behavior:none;padding:0;transform:none!important;transform-origin:center center}.survey-laptop-container,.survey-laptop-screen{background:var(--white);display:flex;flex:1 1;flex-direction:column;min-height:0;overflow:hidden;width:100%}.survey-laptop-screen{border-radius:0;box-shadow:none;height:auto;left:auto;max-height:none;min-width:0;order:1;padding:28px 16px 20px;position:relative;top:auto;z-index:10}.survey-laptop-screen .question-animate{animation:none;opacity:1;transform:none}.survey-laptop-screen .survey-card-inner,.survey-laptop-screen .survey-laptop-card-stack,.survey-laptop-screen .survey-laptop-survey-card.survey-card{flex:1 1 auto;height:auto;min-height:0;overflow:hidden}.survey-laptop-screen .questions-list{-webkit-overflow-scrolling:touch;flex:1 1 auto;min-height:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scroll-padding-bottom:12px;scroll-padding-top:8px}.survey-laptop-screen .questions-list-inner{flex:1 1 auto;min-width:0}.survey-laptop-screen .survey-card-inner{padding:0}.survey-laptop-screen .questions-list-inner{gap:14px}.survey-laptop-screen .question-row:not(.text-row) .question-label{order:1}.survey-laptop-screen .question-row:not(.text-row) .answer-col{order:2}.survey-laptop-screen .text-row .question-label{order:1}.survey-laptop-screen .text-row .text-answer{order:2}.survey-section-wrapper.survey-laptop-page .survey-laptop-screen .question-label{font-size:15px;line-height:1.45;min-height:48px;padding:12px 14px}.survey-section-wrapper.survey-laptop-page .survey-laptop-screen .answer-btn{font-size:15px;min-height:48px;padding:12px}.survey-section-wrapper.survey-laptop-page .survey-laptop-screen .text-answer{font-size:16px;min-height:100px;padding:12px 14px}.survey-laptop-screen .question-row:not(.text-row){align-items:stretch;display:flex;flex-direction:column;gap:10px}.survey-laptop-screen .text-row{display:flex;flex-direction:column;gap:10px}.survey-laptop-screen .answer-col{flex:1 1 auto;max-width:none;width:100%}.survey-laptop-actions{background:var(--bg-card);border-top:1px solid var(--border);bottom:auto;box-shadow:0 -6px 20px #2d356114;flex:0 0 auto;flex-shrink:0;justify-content:stretch;left:auto;margin:0;order:2;padding:14px 16px calc(20px + env(safe-area-inset-bottom));position:static;right:auto;top:auto;width:100%;z-index:11}.survey-laptop-actions .submit-btn,.survey-laptop-back-btn,.survey-laptop-submit-btn{border-radius:var(--radius-sm);box-shadow:0 4px 14px #3ab5c659;flex:1 1;font-size:16px;font-weight:700;height:auto;min-height:48px;min-width:0;padding:14px 20px;width:auto}}@media (max-width:450px){.landing-laptop-container{max-height:100%}.landing-user-info-banner{height:100%;left:0;top:0;width:100%}}@media (max-width:380px){.survey-section-wrapper.survey-laptop-page{padding-bottom:0;padding-left:max(10px,env(safe-area-inset-left));padding-right:max(10px,env(safe-area-inset-right))}.survey-laptop-screen{padding:24px 14px 18px}}@media (min-width:768px) and (max-height:550px) and (min-height:520px){.survey-section-wrapper.survey-laptop-page{padding-bottom:10px;padding-top:10px}.survey-laptop-page-inner--stacked{gap:8px}.survey-tabs-above{padding-bottom:4px}.survey-tabs-above .step-tabs{margin-bottom:4px}.survey-tabs-above .step-tab{font-size:12px;padding:6px 10px}.survey-laptop-container{margin-top:0;transform:scale(1.08)!important;transform-origin:50% 84%}.survey-laptop-screen{height:73%;left:25%;padding:10px 12px;top:14%;width:49%}.survey-laptop-screen .questions-list-inner{gap:6px}.survey-laptop-screen .answer-btn,.survey-laptop-screen .question-label{font-size:11px;line-height:1.3;min-height:34px;padding:6px 8px}.survey-laptop-screen .text-answer{font-size:12px;min-height:44px;padding:8px 10px}.survey-laptop-actions{bottom:5%;gap:6px;right:25%}.survey-laptop-back-btn,.survey-laptop-submit-btn{border-radius:10px;box-shadow:0 1px 8px #3ab5c642;font-size:11px;height:30px;padding:0 12px}.survey-laptop-actions .submit-btn svg{height:12px;width:12px}}.thankyou-user-card.landing-user-info-card{background:var(--white)}.thankyou-user-card{align-items:center;display:flex;flex-direction:column;gap:14px;justify-content:center;padding-bottom:24px;padding-top:28px;text-align:center}.thankyou-title{color:var(--navy);font-family:var(--font-display);font-size:clamp(21px,4vw,29px);font-weight:700;line-height:1.2;margin:0}.thankyou-sub{color:var(--teal-dark);font-size:16px;font-weight:600;line-height:1.45;margin:0}.thankyou-emojis{display:flex;font-size:clamp(19px,4vw,25px);gap:clamp(10px,3vw,20px);justify-content:center;margin-top:8px;opacity:.45}@media (max-width:767px){.thankyou-user-card{gap:14px;padding-bottom:28px;padding-top:28px}}@media (max-width:667px){.thankyou-user-card{gap:12px;padding-bottom:24px;padding-top:24px}.thankyou-sub{font-size:15px}}@media (max-width:440px){.thankyou-title{font-size:clamp(18px,5.2vw,24px)}.thankyou-sub{font-size:14px}.thankyou-emojis{font-size:clamp(18px,4.5vw,22px);gap:8px}}.app-root{display:flex;flex:1 1;flex-direction:column;min-height:100vh;min-height:100dvh;position:relative}.app-bg{background-color:var(--bg-lavender);background-position:50%;background-repeat:no-repeat;background-size:cover;bottom:0;left:0;pointer-events:none;position:fixed;right:0;top:0;z-index:-1}.app-main{display:flex;flex:1 1;flex-direction:column;padding-bottom:100px;position:relative;z-index:1}.app-main--laptop-flow{box-sizing:border-box;display:flex;flex:1 1 auto;flex-direction:column;min-height:0;overflow:hidden;padding:0}@media (max-width:767px){.app-root{display:flex;flex:1 1 auto;flex-direction:column;min-height:0;overflow:hidden}.app-root:has(.app-header){padding-top:calc(64px + env(safe-area-inset-top, 0px))}.app-main{padding-bottom:24px;touch-action:pan-y}.app-main,.app-main.app-main--laptop-flow{-webkit-overflow-scrolling:touch;flex:1 1 auto;min-height:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior-y:contain}.app-main.app-main--laptop-flow:has(.survey-laptop-page){flex:1 1;min-height:0;overflow:hidden;overscroll-behavior:none;padding-bottom:0}.app-main,.app-main.app-main--laptop-flow{background-color:var(--bg-lavender)}}.error-toast{animation:errorToastIn .35s ease both;background:#fff;border-radius:10px;bottom:max(20px,env(safe-area-inset-bottom,0px));box-shadow:0 10px 40px #0f172a1f,0 2px 8px #0f172a0f;box-sizing:border-box;display:flex;flex-direction:column;left:auto;max-width:min(90vw,380px);overflow:hidden;position:fixed;right:max(16px,env(safe-area-inset-right,0px));width:min(100vw - 32px,380px);z-index:200}@keyframes errorToastIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.error-toast__body{align-items:flex-start;display:flex;gap:12px;padding:14px 38px 14px 14px;position:relative}.error-toast__icon{flex-shrink:0;height:22px;margin-top:1px;width:22px}.error-toast__icon svg{display:block;height:22px;width:22px}.error-toast__message{word-wrap:break-word;color:#0f172a;flex:1 1;font-size:14px;font-weight:500;line-height:1.45;margin:0;min-width:0;padding:0;text-align:left}.error-toast__close{align-items:center;background:#0000;border:none;border-radius:6px;color:#94a3b8;cursor:pointer;display:flex;font-size:18px;font-weight:400;height:28px;justify-content:center;line-height:1;padding:0;position:absolute;right:8px;top:8px;width:28px}.error-toast__close:hover{background:#94a3b81f;color:#64748b}.error-toast__progress{background:#f1f5f9;flex-shrink:0;height:3px;width:100%}.error-toast__progress-bar{background:#e53e3e;border-radius:0 2px 2px 0;height:100%;width:28%}.auth-loading{align-items:center;background:#fffffff2;bottom:0;display:flex;flex-direction:column;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top:4px solid var(--teal);height:40px;margin-bottom:16px;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.auth-loading p{color:var(--text-mid);font-size:16px;font-weight:500}.submit-loading{align-items:center;background:#e8eaf640;bottom:0;display:flex;flex-direction:column;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.submit-loading .loading-spinner{border-width:3px;height:40px;margin-bottom:0;width:40px}.auth-error-popup{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.auth-error-content{background:#fff;border-radius:var(--radius-md);box-shadow:var(--shadow-lg);max-width:500px;padding:32px;text-align:center;width:min(500px,calc(100% - 32px))}.auth-error-content h3{color:#c53030;font-size:22px;font-weight:600;margin:0 0 16px}.auth-error-content p{color:var(--text-mid);font-size:18px;line-height:1.5;margin:0 0 24px}@media (max-width:767px){.error-toast{bottom:max(16px,env(safe-area-inset-bottom,0px));max-width:none;right:max(12px,env(safe-area-inset-right,0px));width:calc(100vw - 24px)}.error-toast__message{font-size:13px}}@media (max-width:500px){.error-toast{bottom:max(12px,env(safe-area-inset-bottom,0px));right:max(10px,env(safe-area-inset-right,0px));width:calc(100vw - 20px)}.error-toast__body{gap:10px;padding:12px 36px 12px 12px}.app-main{padding-bottom:60px}.app-main.app-main--laptop-flow{padding-bottom:0}}
/*# sourceMappingURL=main.f64e182d.css.map*/