*{box-sizing:border-box;margin:0;padding:0}html{height:100%;height:100vh;height:100dvh;height:-webkit-fill-available;min-height:calc(100vh - env(safe-area-inset-bottom,0px) - env(safe-area-inset-top,0px));min-height:calc(100dvh - env(safe-area-inset-bottom,0px) - env(safe-area-inset-top,0px))}body{height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background-color:#000;color:#fff;overflow:hidden;margin:0;padding:0;line-height:1.6;display:flex;align-items:center;justify-content:center;min-height:-webkit-fill-available}:root{--header-height: 4rem;--footer-height: 4rem}body{display:flex;flex-direction:column;height:100vh;height:100dvh;min-height:-webkit-fill-available}#survey-header{position:fixed;top:0;left:0;width:100%;height:var(--header-height);padding:1rem;background-color:#000c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;display:flex;justify-content:center;align-items:center;box-sizing:border-box}#progress-section{display:flex;justify-content:space-between;align-items:center;width:100%;max-width:720px;gap:2rem}#progress-bar-container{flex:1}#progress-bar{width:100%;height:4px;background-color:#ffffff1a;border-radius:2px;overflow:hidden}#progress-fill{height:100%;background-color:#b8860b;border-radius:2px;transition:width .5s cubic-bezier(.33,1,.68,1);width:0%}#progress-counter{color:#fffc;font-size:.875rem;font-weight:500;white-space:nowrap}#survey-container{flex:1;width:100%;max-width:720px;margin:0 auto;display:flex;flex-direction:column;padding-top:var(--header-height);padding-bottom:var(--footer-height);padding-left:2rem;padding-right:2rem;position:relative;box-sizing:border-box;min-height:0}#survey-footer{position:fixed;bottom:0;left:0;width:100%;height:var(--footer-height);padding:1rem;background-color:transparent;z-index:500;display:flex;justify-content:center;align-items:center;box-sizing:border-box;padding-bottom:calc(1rem + env(safe-area-inset-bottom,0px))}#dots-container{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;justify-content:center}.dot-group{display:flex;align-items:center;padding:.25rem;background-color:transparent;border-radius:15px;border:1px solid transparent;transition:all .3s ease}.progress-dot{width:1rem;height:1rem;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .3s cubic-bezier(.33,1,.68,1);border:2px solid;position:relative;cursor:pointer}.progress-dot:hover{transform:scale(1.2)}.progress-dot.clickable:hover{box-shadow:0 0 0 3px #fff3}.dot-number{display:none;font-size:.875rem;font-weight:600;transition:color .3s ease}.progress-dot.unseen{background-color:#ffffff1a;border-color:#fff3;color:#ffffff80}.progress-dot.current{background-color:var(--dot-accent-color, #B8860B);border-color:var(--dot-accent-color, #B8860B);color:#fff;transform:scale(1.3);box-shadow:0 0 0 3px #b8860b4d}.progress-dot.completed{background-color:#b8860b4d;border-color:#b8860b;color:#b8860b}.progress-dot.last-position{background-color:transparent;border-color:var(--dot-accent-color, #B8860B);color:var(--dot-accent-color, #B8860B);border-width:3px}.sub-dot{width:.75rem;height:.75rem;border-radius:50%;margin-left:.15rem;display:flex;align-items:center;justify-content:center;font-size:.6rem;font-weight:600;border:1px solid;opacity:0;transform:scale(.8);transition:all .3s cubic-bezier(.33,1,.68,1)}.sub-dot.visible{opacity:1;transform:scale(1)}.sub-dot.revealed{background-color:#ffffff1a;border-color:#ffffff4d;color:#fff9}.sub-dot.current{background-color:var(--dot-accent-color, #B8860B);border-color:var(--dot-accent-color, #B8860B);color:#fff;transform:scale(1.3);box-shadow:0 0 0 2px #b8860b4d}.sub-dot.completed{background-color:#b8860b33;border-color:#b8860b;color:#b8860b}.dot-group.has-subquestions{background-color:#ffffff14;border-color:#ffffff26;padding:.5rem}#question-container{flex:1;display:flex;align-items:center;justify-content:center;position:relative;max-height:calc(100vh - 10rem);max-height:calc(100dvh - 10rem);max-height:calc(100dvh - 10rem - env(safe-area-inset-bottom,0px) - env(safe-area-inset-top,0px));overflow:hidden}.slide{position:absolute;width:100%;top:0;left:0;opacity:1;transform:translate(0);overflow:hidden}.slide.hidden{opacity:0;pointer-events:none;transform:translate(0)}.slide{position:absolute;width:100%;text-align:left}.slide.hidden{display:none}.question-wrapper{width:100%;max-width:600px;box-sizing:border-box;padding:0 1rem}.question-wrapper[data-level="1"]{margin-left:1rem;margin-right:1rem;opacity:.9}.question-wrapper[data-level="1"] .question-number{color:#fffc}.question-number{font-size:1.125rem;font-weight:600;color:var(--slide-accent-color, #B8860B);margin-bottom:.75rem;letter-spacing:.5px}.question-text{font-size:2rem;font-weight:700;line-height:1.2;margin-bottom:1rem;color:#fff;letter-spacing:-.5px}.question-text strong{color:var(--accent-color, #DAA520)}.question-description{font-size:1.125rem;color:#fffc;margin-bottom:2rem;line-height:1.4}.answer-container{margin-top:2rem;box-sizing:border-box}.scale-container{display:flex;flex-direction:column;gap:1rem}.scale-option{display:flex;align-items:center;padding:1.25rem 1.5rem;background-color:#ffffff0d;border:2px solid rgba(255,255,255,.1);border-radius:12px;color:#fff;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s cubic-bezier(.33,1,.68,1);text-align:left;width:100%;outline:none}.scale-option:hover{background-color:#ffffff14;border-color:#fff3;transform:translateY(-2px)}.scale-option:focus{border-color:var(--slide-accent-color, #B8860B);box-shadow:0 0 0 3px #007bff33}.scale-option.selected{background-color:#007bff26;border-color:var(--slide-accent-color, #B8860B);color:#fff}.scale-option.keyboard-focused{border-color:var(--slide-accent-color, #B8860B);box-shadow:0 0 0 2px #b8860b4d;transform:translateY(-1px)}.scale-number{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;background-color:#ffffff1a;border-radius:50%;font-weight:700;font-size:1.125rem;margin-right:1rem;flex-shrink:0}.scale-option.selected .scale-number{background-color:var(--slide-accent-color, #B8860B);color:#fff}.scale-label{flex:1}.boolean-container{display:flex;flex-direction:column;gap:1rem}.boolean-option{padding:1.25rem 1.5rem;background-color:#ffffff0d;border:2px solid rgba(255,255,255,.1);border-radius:12px;color:#fff;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s cubic-bezier(.33,1,.68,1);text-align:left;outline:none}.boolean-option:hover{background-color:#ffffff14;border-color:#fff3;transform:translateY(-2px)}.boolean-option:focus{border-color:var(--slide-accent-color, #B8860B);box-shadow:0 0 0 3px #007bff33}.boolean-option.selected{background-color:#007bff26;border-color:var(--slide-accent-color, #B8860B);color:#fff}.boolean-option.keyboard-focused{border-color:var(--slide-accent-color, #B8860B);box-shadow:0 0 0 2px #b8860b4d;transform:translateY(-1px)}.multi-choice-container{display:flex;flex-direction:column;gap:1rem}.multi-choice-instruction{font-size:.9rem;color:#ffffffb3;margin-bottom:.5rem;text-align:center}.multi-choice-option{padding:1.25rem 1.5rem;background-color:#ffffff0d;border:2px solid rgba(255,255,255,.1);border-radius:12px;color:#fff;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s cubic-bezier(.33,1,.68,1);text-align:left;outline:none}.multi-choice-option:hover{background-color:#ffffff14;border-color:#fff3;transform:translateY(-2px)}.multi-choice-option:focus{border-color:var(--slide-accent-color, #B8860B);box-shadow:0 0 0 3px #007bff33}.multi-choice-option.selected{background-color:#007bff26;border-color:var(--slide-accent-color, #B8860B);color:#fff}.multi-choice-option.keyboard-focused{border-color:var(--slide-accent-color, #B8860B);box-shadow:0 0 0 2px #b8860b4d;transform:translateY(-1px)}.submit-btn{margin-top:1.5rem;padding:1.25rem 2rem;background-color:var(--slide-accent-color, #B8860B);border:2px solid var(--slide-accent-color, #B8860B);border-radius:12px;color:#000;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s cubic-bezier(.33,1,.68,1);outline:none}.submit-btn:hover:not(.disabled){background-color:#b8860be6;transform:translateY(-2px);box-shadow:0 4px 12px #b8860b4d}.submit-btn.disabled{opacity:.5;cursor:not-allowed;background-color:#ffffff1a;border-color:#fff3;color:#ffffff80}.open-input{width:100%;padding:1.25rem 1.5rem;background-color:#ffffff0d;border:2px solid rgba(255,255,255,.1);border-radius:12px;color:#fff;font-size:1rem;font-family:inherit;line-height:1.4;resize:vertical;transition:all .2s cubic-bezier(.33,1,.68,1);outline:none;box-sizing:border-box}.open-input::placeholder{color:#ffffff80}.open-input:focus{background-color:#ffffff14;border-color:var(--slide-accent-color, #B8860B);box-shadow:0 0 0 3px #007bff33;transform:scale(1.02)}textarea.open-input{min-height:120px;margin-bottom:0}#navigation{display:flex;justify-content:center;align-items:center}.prev-btn{padding:.625rem 1rem;border-radius:6px;background-color:#ffffff0d;border:1px solid rgba(255,255,255,.25);color:#ffffffbf;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease-out;outline:none;display:flex;align-items:center;justify-content:center;margin-bottom:1rem;margin-left:1rem;align-self:flex-start}.prev-btn:hover:not(:disabled){background-color:#ffffff14;border-color:#ffffff59;color:#ffffffd9;transform:translateY(-1px)}.prev-btn:focus:not(:disabled){border-color:#fff6;outline:none;box-shadow:0 0 0 2px #ffffff1a}.prev-btn:disabled{background-color:#ffffff05;border-color:#ffffff1a;color:#ffffff4d;cursor:not-allowed;opacity:.5}.prev-btn:active:not(:disabled){transform:translateY(0);background-color:#ffffff1a}.nav-btn{padding:.875rem 2rem;background-color:#ffffff1a;border:2px solid rgba(255,255,255,.2);border-radius:8px;color:#fff;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s cubic-bezier(.33,1,.68,1);outline:none}.nav-btn:hover:not(:disabled){background-color:#ffffff26;border-color:#ffffff4d;transform:translateY(-1px)}.nav-btn:focus:not(:disabled){border-color:var(--slide-accent-color, #B8860B);box-shadow:0 0 0 3px #b8860b33}.nav-btn:disabled{opacity:.4;cursor:not-allowed}.submit-btn{margin-top:1.5rem;padding:1rem 2rem;background-color:var(--slide-accent-color, #B8860B);border:2px solid var(--slide-accent-color, #B8860B);border-radius:8px;color:#fff;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.33,1,.68,1);outline:none;width:100%;box-sizing:border-box}.submit-btn:hover:not(:disabled){background-color:var(--slide-accent-color-dark, #9A7209);border-color:var(--slide-accent-color-dark, #9A7209);transform:translateY(-2px);box-shadow:0 4px 12px #0003}.submit-btn:focus:not(:disabled){border-color:var(--slide-accent-color, #B8860B);box-shadow:0 0 0 3px #b8860b33}.submit-btn:disabled{background-color:#4a4a4a;border-color:#5a5a5a;color:#888;cursor:not-allowed;opacity:1;transform:none}.submit-btn:active:not(:disabled){transform:translateY(-1px)}.open-question-container{display:flex;flex-direction:column;align-items:stretch;box-sizing:border-box}.input-hint{font-size:.8rem;color:#fff9;text-align:left;margin-top:.5rem;font-style:italic}.timer-circle{display:flex;align-items:center;justify-content:center;opacity:1;transition:opacity .3s cubic-bezier(.33,1,.68,1)}.timer-circle.hidden{opacity:0;pointer-events:none}.timer-circle svg{transform:scale(1);transition:transform .3s cubic-bezier(.33,1,.68,1)}.timer-circle.active svg{transform:scale(1.1)}#timer-progress{transition:stroke-dashoffset .1s linear}#timer-progress.countdown{animation:countdown-progress var(--timer-duration, .8s) ease-in forwards}@keyframes countdown-progress{0%{stroke-dashoffset:0}to{stroke-dashoffset:100.53}}.validation-error{background-color:#dc267f26;border:1px solid rgba(220,38,127,.3);color:#ff6b9d;padding:.75rem 1rem;border-radius:8px;margin-top:1rem;font-size:.875rem;font-weight:500;text-align:center}.completion-screen{text-align:center;padding:3rem 0;max-width:800px;margin:0 auto}.completion-screen h1{font-size:3rem;font-weight:800;margin-bottom:1.5rem;background:linear-gradient(135deg,var(--slide-accent-color, #B8860B),#DAA520);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.completion-message{font-size:1.25rem;color:#fffc;margin-bottom:2.5rem;max-width:500px;margin-left:auto;margin-right:auto}.stats-section{margin:3rem 0}.stats-title{font-size:1.75rem;font-weight:700;color:#fff;margin-bottom:2rem}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:2rem}.stat-card{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:2rem 1.5rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transform:translateY(20px);opacity:0;transition:all .6s cubic-bezier(.33,1,.68,1)}.stat-card.animate-in{transform:translateY(0);opacity:1}.stat-value{font-size:2.5rem;font-weight:800;color:var(--slide-accent-color, #B8860B);margin-bottom:.5rem;line-height:1}.stat-label{font-size:1.1rem;font-weight:600;color:#fff;margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.5px}.stat-description{font-size:.9rem;color:#ffffffb3;line-height:1.4}.newsletter-section{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:2.5rem 2rem;margin:3rem 0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.newsletter-title{font-size:1.5rem;font-weight:700;color:#fff;margin-bottom:.75rem}.newsletter-description{font-size:1rem;color:#fffc;margin-bottom:2rem;line-height:1.5}.newsletter-form{display:flex;gap:1rem;max-width:400px;margin:0 auto}.newsletter-input{flex:1;padding:1rem 1.25rem;background:#ffffff1a;border:2px solid rgba(255,255,255,.2);border-radius:12px;color:#fff;font-size:.95rem;outline:none;transition:all .3s ease}.newsletter-input::placeholder{color:#ffffff80}.newsletter-input:focus{border-color:var(--slide-accent-color, #B8860B);background:#ffffff26;box-shadow:0 0 0 3px #b8860b33}.newsletter-btn{padding:1rem 1.5rem;background:linear-gradient(135deg,var(--slide-accent-color, #B8860B),#DAA520);border:none;border-radius:12px;color:#fff;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s cubic-bezier(.33,1,.68,1);outline:none;white-space:nowrap}.newsletter-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #b8860b4d}.newsletter-success{text-align:center;padding:1.5rem}.success-icon{font-size:3rem;margin-bottom:1rem}.newsletter-success h3{font-size:1.5rem;color:#4caf50;margin-bottom:.75rem}.newsletter-success p{color:#fffc;font-size:1rem}.completion-btn{padding:1rem 2.5rem;background:linear-gradient(135deg,var(--slide-accent-color, #B8860B),#DAA520);border:none;border-radius:50px;color:#fff;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s cubic-bezier(.33,1,.68,1);outline:none;margin-top:2rem}.completion-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #007bff4d}.completion-btn:focus{box-shadow:0 0 0 3px #007bff33}.error-screen{text-align:center;padding:3rem 0}.error-screen h2{font-size:2rem;color:#ff6b9d;margin-bottom:1rem}.error-screen p{font-size:1.125rem;color:#fffc;margin-bottom:2rem}.error-screen button{padding:.875rem 2rem;background-color:var(--slide-accent-color, #B8860B);border:none;border-radius:8px;color:#fff;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s cubic-bezier(.33,1,.68,1)}@media (max-width: 768px){:root{--header-height: 3.5rem;--footer-height: 3.5rem}#survey-container{padding-left:1rem;padding-right:1rem}#survey-header{padding:.75rem}#progress-section{gap:1rem}#progress-counter{font-size:.8rem}.dot-group{padding:.375rem}.sub-dot{width:1.25rem;height:1.25rem;font-size:.65rem;margin-left:.2rem}.dot-group.has-subquestions{padding:.375rem}#question-container{max-height:calc(100vh - 8rem);max-height:calc(100dvh - 8rem);max-height:calc(100dvh - 8rem - env(safe-area-inset-bottom,0px) - env(safe-area-inset-top,0px))}.question-text{font-size:1.4rem;line-height:1.3}.question-description{font-size:.9rem;margin-bottom:1rem}.question-wrapper[data-level="1"]{margin-left:.5rem;margin-right:.5rem}.scale-container,.boolean-container,.multi-choice-container{gap:.625rem}.scale-option,.boolean-option,.multi-choice-option{padding:.875rem 1rem;font-size:.85rem}.multi-choice-instruction{font-size:.8rem}.submit-btn{padding:1rem 1.5rem;font-size:.9rem}.scale-number{width:1.875rem;height:1.875rem;font-size:.9rem}.open-input{font-size:.9rem;padding:.875rem}.input-hint{font-size:.75rem;margin-top:.375rem}textarea.open-input{min-height:100px}#survey-footer{padding:.75rem;padding-bottom:calc(.75rem + env(safe-area-inset-bottom,0px))}.prev-btn{padding:.5rem .875rem;font-size:.8rem}.nav-btn{padding:.75rem 1.25rem;font-size:.85rem}.timer-circle svg{width:32px;height:32px}.completion-screen h1{font-size:2rem}.stats-grid{grid-template-columns:1fr;gap:1rem}.stat-card{padding:1.25rem 1rem}.stat-value{font-size:1.875rem}.newsletter-form{flex-direction:column;max-width:280px}.newsletter-input,.newsletter-btn{padding:.875rem 1rem}}@media (max-width: 480px){:root{--header-height: 3rem;--footer-height: 3rem}#survey-container{padding-left:.875rem;padding-right:.875rem}.question-text{font-size:1.125rem;line-height:1.3}.question-description{font-size:.85rem}.scale-container{gap:.5rem;flex-wrap:wrap}.scale-option{flex:1;min-width:calc(33.333% - .5rem);padding:.75rem .5rem;font-size:.8rem}.boolean-container,.multi-choice-container{gap:.75rem}.boolean-option,.multi-choice-option{padding:.875rem .75rem;font-size:.85rem}.submit-btn{padding:.875rem 1.25rem;font-size:.85rem}.nav-btn{padding:.625rem 1rem;font-size:.8rem}.prev-btn{padding:.4rem .75rem;font-size:.75rem}#progress-section{gap:.75rem}#progress-counter{font-size:.75rem}.timer-circle svg{width:28px;height:28px}.open-input{font-size:.85rem;padding:.75rem}.input-hint{font-size:.7rem;margin-top:.25rem}textarea.open-input{min-height:80px}}@media (min-width: 1200px){#survey-container{max-width:800px}.question-text{font-size:2.25rem;max-width:600px}.scale-container{max-width:500px;margin:0 auto}.boolean-container{max-width:400px;margin:0 auto}.open-input{max-width:500px;margin:0 auto}}.fade-in{animation:fadeIn .4s cubic-bezier(.33,1,.68,1)}.slide-up{animation:slideUp .6s cubic-bezier(.32,0,.67,0)}.slide-down{animation:slideDown .6s cubic-bezier(.33,1,.68,1)}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{transform:translateY(0);opacity:1}to{transform:translateY(-100vh);opacity:0}}@keyframes slideDown{0%{transform:translateY(100vh);opacity:0}to{transform:translateY(0);opacity:1}}