:root{--font:var(--font-urbanist),"Urbanist",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--pink-start:#E8158F;--pink-end:#FFC2E3;--pink-btn:#D6127F;--pink-btn-hover:#B80E6C;--pink-text:#3A1030;--blue-start:#1B4FA0;--blue-end:#8FD0FA;--blue-btn:#1B4FA0;--blue-btn-hover:#143C7D;--blue-text:#0F2A4D}*{box-sizing:border-box}body,html{margin:0;padding:0;font-family:var(--font-urbanist),"Urbanist",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;height:100%}body{overflow:hidden}.survey-loader{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;width:100vw;height:100vh;height:100dvh;margin:0;background:linear-gradient(135deg,var(--pink-start) 0,var(--pink-end) 100%);animation:survey-loader-in .35s ease}.survey-loader__logo{width:120px;opacity:.95}.survey-loader__spinner{width:36px;height:36px;border:3px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:50%;animation:survey-loader-spin .8s linear infinite}.survey-loader__text{margin:0;font-size:1rem;font-weight:600;color:rgba(255,255,255,.9);letter-spacing:.02em}@keyframes survey-loader-spin{to{transform:rotate(1turn)}}@keyframes survey-loader-in{0%{opacity:0}to{opacity:1}}.survey--ready{animation:survey-fade-in .4s ease}@keyframes survey-fade-in{0%{opacity:0}to{opacity:1}}.survey{position:relative;display:grid;grid-template-columns:1fr 1fr;width:100vw;height:100vh}.panel-form{position:relative;display:flex;align-items:center;justify-content:center;padding:5vh 5vw;transition:background .6s ease}.survey[data-theme=pink] .panel-form{background:linear-gradient(135deg,var(--pink-start) 0,var(--pink-end) 100%)}.survey[data-theme=blue] .panel-form{background:linear-gradient(135deg,var(--blue-start) 0,var(--blue-end) 100%)}.panel-form__inner{width:100%;max-width:520px}.progress{margin:0 0 20px;font-size:1.05rem;font-weight:500;color:rgba(0,0,0,.55);text-align:center}.survey[data-theme=blue] .progress{color:rgba(10,20,40,.6)}.card{background:#ffffff;border-radius:18px;padding:36px 40px;min-height:220px;width:100%;box-shadow:0 20px 45px rgba(0,0,0,.18);display:flex;flex-direction:column;justify-content:center;gap:16px;transition:min-height .25s ease}.card__loading{color:#9AA0AC;font-size:.95rem}.q-label{margin:0;font-size:1.3rem;font-weight:700;color:#17202B;line-height:1.35}.q-helper{margin:-8px 0 0;font-size:.92rem;color:#6B7280}.q-input{width:100%;font-family:var(--font-urbanist),"Urbanist",sans-serif;font-size:1rem;padding:13px 16px;border-radius:10px;border:1.5px solid #e3e5ea;outline:none;transition:border-color .15s ease}.q-input:focus{border-color:var(--pink-btn)}.survey[data-theme=blue] .q-input:focus{border-color:var(--blue-btn)}textarea.q-input{resize:vertical;min-height:100px}.multi-text-row{gap:14px}.multi-text-field,.multi-text-row{display:flex;flex-direction:column}.multi-text-field{gap:6px}.multi-text-label{font-size:.88rem;font-weight:600;color:#4A5262}.option-list{display:flex;flex-direction:column;gap:10px}.option-item{position:relative}.option-item input{position:absolute;opacity:0;pointer-events:none}.option-item label{display:block;padding:13px 16px;border:1.5px solid #e3e5ea;border-radius:10px;font-size:.98rem;font-weight:500;color:#17202B;cursor:pointer;transition:border-color .15s ease,background .15s ease}.option-item input:checked+label{border-color:var(--pink-btn);background:#FDEDF6}.survey[data-theme=blue] .option-item input:checked+label{border-color:var(--blue-btn);background:#EAF3FC}.scale-row{display:flex;gap:10px}.scale-row .option-item label{text-align:center;padding:13px 0}.yes-no-row{display:flex;gap:12px}.yes-no-pill{flex:1 1;font-family:var(--font-urbanist),"Urbanist",sans-serif;font-size:1rem;font-weight:600;padding:12px 20px;border-radius:999px;border:1.5px solid #e3e5ea;background:#F7F8FA;color:#17202B;cursor:pointer;box-shadow:none;transition:border-color .15s ease,background .15s ease,color .15s ease}.yes-no-pill:hover{border-color:#c8ccd4}.yes-no-pill.is-selected{border-color:var(--pink-btn);background:var(--pink-btn);color:#fff}.survey[data-theme=blue] .yes-no-pill.is-selected{border-color:var(--blue-btn);background:var(--blue-btn);color:#fff}.result-title{margin:0;font-size:1.3rem;font-weight:700;color:#17202B}.result-list{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:8px;max-height:240px;overflow-y:auto}.result-list li{font-size:.92rem;color:#4A5262}.result-list strong{color:#17202B}.submit-confirm{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:12px;padding:12px 0;min-height:180px;animation:submit-confirm-in .35s ease}.submit-confirm__check,.submit-confirm__svg{width:72px;height:72px}.submit-confirm__svg{display:block}.submit-confirm__circle{stroke:var(--pink-btn);stroke-width:2.5;stroke-dasharray:166;stroke-dashoffset:166;animation:submit-confirm-circle .6s ease forwards}.survey[data-theme=blue] .submit-confirm__circle{stroke:var(--blue-btn)}.submit-confirm__tick{stroke:var(--pink-btn);stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:48;stroke-dashoffset:48;animation:submit-confirm-tick .35s ease .45s forwards}.survey[data-theme=blue] .submit-confirm__tick{stroke:var(--blue-btn)}.submit-confirm__title{margin:4px 0 0;font-size:1.35rem;font-weight:700;color:#17202B}.submit-confirm__text{margin:0;font-size:.95rem;color:#6B7280;max-width:280px}@keyframes submit-confirm-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes submit-confirm-circle{to{stroke-dashoffset:0}}@keyframes submit-confirm-tick{to{stroke-dashoffset:0}}.nav{display:flex;justify-content:center;gap:16px;width:-moz-fit-content;width:fit-content;max-width:100%;margin:26px auto 0}.btn{font-family:var(--font-urbanist),"Urbanist",sans-serif;font-size:1.05rem;font-weight:700;border:none;border-radius:10px;padding:15px 30px;cursor:pointer;color:#fff;transition:background .15s ease,transform .1s ease,opacity .15s ease;box-shadow:0 8px 20px rgba(0,0,0,.15)}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.5;cursor:not-allowed}.survey[data-theme=pink] .btn-back,.survey[data-theme=pink] .btn-forward{background:var(--pink-btn)}.survey[data-theme=pink] .btn-back:hover,.survey[data-theme=pink] .btn-forward:hover{background:var(--pink-btn-hover)}.survey[data-theme=blue] .btn-back,.survey[data-theme=blue] .btn-forward{background:var(--blue-btn)}.survey[data-theme=blue] .btn-back:hover,.survey[data-theme=blue] .btn-forward:hover{background:var(--blue-btn-hover)}.brand-logo{position:absolute;left:50%;bottom:5vh;transform:translateX(-50%);width:90px;opacity:.95;z-index:5;pointer-events:none}.panel-media{position:relative;overflow:hidden;background:#111}.panel-media:after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;transition:background .6s ease}.survey[data-theme=pink] .panel-media:after{background:rgba(232,21,143,.25)}.survey[data-theme=blue] .panel-media:after{background:rgba(27,79,160,.25)}.media-stack,.media-stack img{position:absolute;inset:0}.media-stack img{width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity 1.2s ease}.media-stack img.is-active{opacity:1}@media (max-width:860px){body{overflow-y:auto;overflow-x:hidden}.survey{display:block;width:100%;min-height:100vh;min-height:100dvh}.panel-media{display:none!important}.panel-form{width:100%;min-height:100vh;min-height:100dvh;padding:8vh 6vw 10vh}.brand-logo{position:absolute;left:50%;bottom:4vh;transform:translateX(-50%);width:66px}.card{padding:28px 24px}}