:root{--container-width:95%;--container-max-width:90rem;--container-progressbar-margin:0.5rem 0;--container-less-than-768px-margin:0.5rem auto;--container-margin:1rem auto;--container-capture_page_max_width:70rem;--header-height:4rem;--header-height-mobile:3rem;--footer-height:auto;--footer-link-font-size:0.65rem;--footer-padding:0.4rem 0.5rem;--survey-option-padding:0.75rem;--text-color:#111;--text-color-secondary:#fff;--background-color:#fefefe;--light-gray:#666;--light-gray-2:#666;--dark-gray:#8d8d8d;--survey-option-color:#111;--safe-area-bottom:env(safe-area-inset-bottom,0px)}@media (min-width:768px){:root{--container-width:85%;--container-max-width:60rem;--container-progressbar-margin:1rem 0;--container-margin:0;--header-height:4.5rem;--footer-link-font-size:0.75rem;--footer-padding:0.75rem 1rem;--survey-option-padding:1rem}}.mobile-viewport-container{width:100%;position:relative}.quiz-layout{display:flex;flex-direction:column;min-height:100%;background-color:var(--background-color);color:var(--text-color);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;position:relative}@media (min-width:768px){.quiz-layout{display:block;min-height:100vh;height:auto;overflow:visible}.mobile-viewport-container{height:auto!important;max-height:none!important;overflow:visible}}.quiz-header{height:var(--header-height-mobile);display:flex;align-items:center;justify-content:center;background:var(--primary-color,#004237);position:relative;z-index:10;flex-shrink:0;padding:max(.25rem,env(safe-area-inset-top,0px)) .5rem .25rem}@media (min-width:768px){.quiz-header{height:var(--header-height);padding:1.5rem;position:static}}.quiz-header-icon{object-fit:contain}.quiz-header svg,.quiz-header-icon{height:calc(var(--header-height-mobile) - 1rem);width:auto;max-width:calc(100vw - 2rem)}@media (min-width:768px){.quiz-header{height:var(--header-height);padding:1.5rem}.quiz-header svg,.quiz-header-icon{height:calc(var(--header-height) - 2rem);width:auto;max-width:6rem;min-height:2rem}}.quiz-container{width:var(--container-width);max-width:var(--container-max-width);margin:var(--container-margin);margin-left:auto;margin-right:auto;padding:0 .5rem;flex:1;overflow-y:auto;display:flex;flex-direction:column;padding-bottom:calc(3.5rem + var(--safe-area-bottom));min-height:0}@media (min-width:768px){.quiz-container{width:85%;max-width:60rem;height:auto;overflow-y:visible;display:block;padding:2rem 1.5rem 3rem}}.quiz-title{font-size:clamp(1.4rem,5vw,2.5rem);line-height:1.3;margin-bottom:.5rem;text-align:center;font-weight:400}.quiz-title .color-primary{color:var(--primary-color,#004237);font-weight:800}.quiz-subtitle{font-size:clamp(1rem,3.5vw,1.8rem);text-align:center;margin-bottom:1rem;font-weight:400;line-height:1.4}.quiz-subtitle .color-primary{color:var(--primary-color,#004237);font-weight:800}@media (min-width:768px){.quiz-title{font-size:1.8rem;margin:1rem auto;max-width:45rem}.quiz-subtitle{font-size:1.1rem;margin:0 auto 2rem;max-width:40rem}}.survey{margin:.25rem 0;flex:1;display:flex;flex-direction:column;min-height:0;overflow:hidden}@media (min-width:768px){.survey{margin:2rem 0}}.survey-progressbar-container{margin:var(--container-progressbar-margin)}@media (min-width:768px){.survey-progressbar-container{max-width:35rem;margin:1.5rem auto 2rem}}.survey-progressbar-nav{display:flex;justify-content:space-between;align-items:center;text-align:center;margin-bottom:.5rem}.survey-nav-button{cursor:pointer;background:none;border:none;padding:.5rem;opacity:.5;transition:opacity .15s ease}.survey-nav-button:hover:not(:disabled){opacity:1}.survey-nav-button:disabled{opacity:.3;cursor:not-allowed}.survey-nav-button.active{opacity:1}.survey-progressbar{flex:1;height:8px;background-color:#e5e5e5;border-radius:4px;margin:0 1rem;overflow:hidden}.survey-progressbar-percentage{height:100%;background-color:var(--primary-color,#004237);transition:width .2s ease;border-radius:4px}.survey-progress-text{text-align:center;color:var(--light-gray);font-size:.9rem;margin-top:.5rem}.survey-question{text-align:center;font-size:clamp(1.4rem,5vw,2.2rem);font-weight:800;color:var(--text-color);margin:1rem 0;line-height:1.3;flex-shrink:0}.survey-question .color-primary{color:var(--primary-color,#004237)}@media (min-width:768px){.survey-question{font-size:1.6rem;margin:2rem auto;max-width:45rem;line-height:1.4}}.survey-options{display:grid;grid-template-columns:1fr;gap:.75rem;margin:.5rem 0;flex:1;align-content:start;overflow-y:auto;padding-bottom:.5rem;scroll-behavior:smooth}@media (min-width:480px){.survey-options{grid-template-columns:repeat(2,1fr)}}@media (min-width:768px){.survey-options{grid-template-columns:repeat(3,minmax(10rem,1fr));gap:1.2rem;margin:2rem auto 3rem;max-width:50rem;overflow-y:visible;padding-bottom:0}}.survey-option{display:flex;background:#fff;border:2px solid #e5e5e5;border-radius:8px;padding:var(--survey-option-padding);cursor:pointer;transition:all .15s ease;text-align:center;justify-content:center;align-items:center;min-height:3.5rem;color:var(--survey-option-color);font-weight:500;position:relative}.survey-option:hover{border-color:var(--primary-color,#004237);background-color:#f8f9fa}.survey-option:active{transform:scale(.98)}.survey-option p{margin:0;font-size:clamp(.85rem,3.5vw,.95rem);line-height:1.4}@media (min-width:768px){.survey-option{min-height:4rem;padding:1.2rem 1rem}.survey-option:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.1)}.survey-option:active{transform:translateY(0)}.survey-option p{font-size:.95rem;font-weight:500}}.quiz-form{max-width:var(--container-capture_page_max_width);margin:0 auto;background:transparent;flex:1;overflow-y:auto;padding:1rem 1rem 2rem;position:relative;z-index:1}@media (min-width:768px){.quiz-form{padding:2rem 1.5rem 3rem;overflow-y:visible;max-width:35rem;margin:1.5rem auto}}.form-field{margin-bottom:1rem}@media (min-width:768px){.form-field{margin-bottom:1.2rem}}.form-label{display:block;margin-bottom:.5rem;font-weight:500;color:var(--text-color)}@media (min-width:768px){.form-label{font-size:1rem;margin-bottom:.5rem;font-weight:500}}.form-input{width:100%;padding:.75rem;border:2px solid #e5e5e5;border-radius:6px;font-size:clamp(.9rem,4vw,1rem);transition:border-color .15s ease;min-height:44px;font-size:16px;-webkit-appearance:none;appearance:none;background-color:#fff;position:relative;z-index:2}@media (min-width:768px){.form-input{padding:.75rem;font-size:1rem;border-radius:6px;min-height:44px}}.form-input:focus{outline:none;border-color:var(--primary-color,#004237)}.form-error{color:#dc3545;font-size:.875rem;margin-top:.25rem}.form-submit{width:100%;padding:1rem;background-color:var(--primary-color,#004237);color:#fff;border:none;border-radius:6px;font-size:clamp(1rem,4vw,1.1rem);font-weight:600;cursor:pointer;transition:all .15s ease;min-height:44px;margin-bottom:1rem}@media (min-width:768px){.form-submit{padding:1rem 1.5rem;font-size:1.1rem;border-radius:6px;min-height:48px;margin-top:.5rem}}.form-submit:hover{opacity:.9;transform:translateY(-1px)}.quiz-footer{background:#fff;padding:var(--footer-padding);box-shadow:0 -2px 10px rgba(0,0,0,.1);flex-shrink:0;position:fixed;bottom:0;left:0;right:0;z-index:100;padding-bottom:calc(var(--footer-padding) + var(--safe-area-bottom));max-height:10vh}@media (min-width:768px){.quiz-footer{position:static;background:var(--primary-color,#004237);margin-top:2rem}}.footer-menu{display:flex;justify-content:center;align-items:center;gap:.75rem;list-style:none;padding:0;margin:0 0 .25rem;flex-wrap:wrap}.footer-link{color:var(--text-color-secondary);text-decoration:none;font-size:var(--footer-link-font-size);transition:opacity .15s ease}.footer-link:hover{opacity:.8}.footer-info{text-align:center;color:var(--text-color-secondary);font-size:clamp(.55rem,2vw,.65rem);line-height:1.2;opacity:.85}@media (min-width:768px){.footer-menu{gap:1.5rem;margin-bottom:.5rem}.footer-info{font-size:.65rem}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}.fade-in{animation:fadeIn .5s ease-out}.slide-in{animation:slideIn .3s ease-out}.text-center{text-align:center}.text-extrabold{font-weight:800}.text-regular{font-weight:400}.text-lg{font-size:1.5rem}.text-md{font-size:1.125rem}.text-smallest{font-size:.875rem}.text-secondary{color:var(--text-color-secondary)}.text-gray{color:var(--light-gray)}.color-primary{color:var(--primary-color,#004237)}@media (max-width:480px){.footer-menu{flex-direction:column;gap:.5rem}.quiz-container{padding:0 .25rem}.survey-options{gap:.5rem}}@media (hover:none) and (pointer:coarse){.survey-option{min-height:44px;padding:1rem .75rem}.survey-nav-button{min-width:44px;min-height:44px;padding:.5rem}}*{box-sizing:border-box}body,html{overflow-x:hidden;width:100%;margin:0;padding:0;position:relative}.quiz-container,body,html{-webkit-overflow-scrolling:touch}.quiz-container{scrollbar-width:none;-ms-overflow-style:none}.quiz-container::-webkit-scrollbar{display:none}.survey-options{-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.survey-options::-webkit-scrollbar{display:none}.quiz-footer,.quiz-header,.survey-option{-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.form-input:focus-visible,.form-submit:focus-visible,.survey-option:focus-visible{outline:2px solid var(--primary-color,#004237);outline-offset:2px}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.keyboard-active .quiz-footer{transform:translateY(100%);transition:transform .3s ease-in-out}.mobile-viewport-container:not(.keyboard-active) .quiz-footer{transform:translateY(0);transition:transform .3s ease-in-out}@media (max-width:767px){.keyboard-visible .quiz-footer,body.keyboard-visible .quiz-footer{display:none!important;visibility:hidden!important}.keyboard-visible .quiz-container,body.keyboard-visible .quiz-container{padding-bottom:1rem!important;height:100%!important;max-height:100%!important}.keyboard-visible .quiz-form,body.keyboard-visible .quiz-form{padding-bottom:.5rem!important;height:auto!important;min-height:0!important}.keyboard-visible .form-field input:focus,body.keyboard-visible .form-field input:focus{transform:translateY(0);position:relative;z-index:1000}.keyboard-visible .mobile-viewport-container,body.keyboard-visible .mobile-viewport-container{overflow:visible!important}.keyboard-visible .quiz-layout,body.keyboard-visible .quiz-layout{height:100%!important;overflow:visible!important}.survey-question{margin-top:.25rem;margin-bottom:.75rem;padding-top:.25rem}.survey-options{gap:.5rem;margin:.25rem 0}}@media (max-width:375px) and (max-height:667px){:root{--header-height-mobile:2.5rem;--footer-padding:0.3rem 0.25rem;--footer-link-font-size:0.55rem}.quiz-header{height:2.5rem;padding:.15rem .25rem}.quiz-header svg,.quiz-header-icon{height:2rem}.quiz-title{font-size:clamp(1.1rem,4vw,1.8rem);margin-bottom:.15rem}.quiz-subtitle{font-size:clamp(.8rem,2.8vw,1.2rem);margin-bottom:.5rem}.survey-question{font-size:clamp(1.1rem,4vw,1.6rem);margin:.25rem 0 .5rem;line-height:1.15}.quiz-container{padding-bottom:calc(3rem + var(--safe-area-bottom))}.survey-options{gap:.4rem;margin:.15rem 0}.survey-option{min-height:3rem;padding:.5rem}}@media (min-width:376px) and (max-width:430px) and (max-height:932px){:root{--header-height-mobile:2.75rem}.quiz-header{height:2.75rem;padding:.2rem .5rem}.quiz-header svg,.quiz-header-icon{height:2.35rem}.quiz-title{font-size:clamp(1.2rem,4.5vw,2rem);margin-bottom:.2rem}.quiz-subtitle{font-size:clamp(.9rem,3vw,1.4rem);margin-bottom:.6rem}.survey-question{font-size:clamp(1.2rem,4.5vw,1.8rem);margin:.4rem 0 .7rem;line-height:1.2}.quiz-container{padding-bottom:calc(3.5rem + var(--safe-area-bottom))}.survey-options{gap:.6rem;margin:.2rem 0}}@media (min-width:431px) and (max-width:500px){:root{--header-height-mobile:3rem}.quiz-header{height:3rem;padding:.25rem .5rem}.quiz-header svg,.quiz-header-icon{height:2.5rem}.quiz-container{padding-bottom:calc(3.75rem + var(--safe-area-bottom))}}@media (max-height:500px) and (orientation:landscape){:root{--header-height-mobile:2rem;--footer-padding:0.25rem 0.5rem;--footer-link-font-size:0.55rem}.quiz-header{height:2rem;padding:.1rem .5rem}.quiz-header svg,.quiz-header-icon{height:1.8rem}.quiz-title{font-size:clamp(1rem,3.5vw,1.4rem);margin-bottom:.1rem}.quiz-subtitle{font-size:clamp(.8rem,2.5vw,1.1rem);margin-bottom:.3rem}.survey-question{font-size:clamp(1rem,3.5vw,1.4rem);margin:.15rem 0 .3rem}.quiz-container{padding-bottom:calc(3.5rem + var(--safe-area-bottom))}.survey-options{gap:.3rem;margin:.1rem 0}.survey-option{min-height:2.5rem;padding:.4rem}.quiz-footer{max-height:8vh}}@media (max-width:767px){body{position:fixed;width:100%;height:100%;overflow:hidden}body:not(.keyboard-visible){position:static;height:auto;overflow:visible}.mobile-viewport-container{position:relative;width:100%;overflow:hidden}.mobile-viewport-container.keyboard-active{height:100vh!important;max-height:100vh!important}.form-field{position:relative;margin-bottom:1rem}.keyboard-visible .form-field{margin-bottom:.75rem}.form-input:focus{position:relative;z-index:1000;background:#fff}.form-submit{position:relative;z-index:999;margin-top:1rem}.keyboard-visible .form-submit{margin-top:.5rem;margin-bottom:.5rem}}