@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700&display=swap";:root{--primary-pink: #fec3cd;--primary-purple: #9a8ff7;--primary-white: #ffffff;--bg-soft: #fdf9fb;--bg-light: #faf8fc;--border-color: #f0e8f2;--text-primary: #2d2d2d;--text-muted: #8a8a9a;--text-light: #b8b8c8;--spacing-xs: .5rem;--spacing-sm: 1rem;--spacing-md: 1.5rem;--spacing-lg: 2rem;--spacing-xl: 2.5rem;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 14px;--radius-xl: 18px;--shadow-sm: 0 2px 8px rgba(154, 143, 247, .06);--shadow-md: 0 4px 20px rgba(154, 143, 247, .08);--shadow-lg: 0 8px 32px rgba(154, 143, 247, .1);--font-stack: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", sans-serif;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-md: 1.125rem;--font-size-lg: 1.25rem;--font-size-xl: 1.5rem;--transition-fast: .15s ease-in-out;--transition-normal: .3s ease-in-out}body{font-family:var(--font-stack);color:var(--text-primary);background-color:#fff;line-height:1.6;margin:0;padding:0}*{box-sizing:border-box}.hl-survey-container,.survey-container,.ghl-survey-form{max-width:600px;margin:0 auto;padding:var(--spacing-lg);background-color:var(--primary-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}@media (max-width: 768px){.hl-survey-container,.survey-container,.ghl-survey-form{padding:var(--spacing-md);border-radius:var(--radius-md)}}.hl-survey-step,.survey-step{margin:var(--spacing-lg) 0;border:none}.hl-survey-field-wrapper,.survey-field-wrapper,.form-group{margin-bottom:var(--spacing-md);padding:0}@media (max-width: 768px){.hl-survey-field-wrapper,.survey-field-wrapper,.form-group{margin-bottom:var(--spacing-md)}}label,.hl-label,.form-label{display:block;margin-bottom:var(--spacing-sm);font-size:var(--font-size-base);font-weight:600;color:var(--text-primary);line-height:1.5}.hl-label-required:after,label.required:after{content:" *";color:var(--primary-pink)}.hl-field-helper,.field-helper,.helper-text{display:block;margin-top:var(--spacing-xs);margin-bottom:var(--spacing-sm);font-size:.8125rem;color:var(--text-muted);font-weight:400;line-height:1.4}.hl-input-field,.hl-text-input,.hl-textarea,input[type=text],input[type=email],input[type=phone],input[type=url],input[type=date],textarea,select{width:100%;padding:var(--spacing-sm) var(--spacing-md);font-family:var(--font-stack);font-size:var(--font-size-base);color:var(--text-primary);background-color:var(--bg-soft);border:1.5px solid var(--border-color);border-radius:var(--radius-md);transition:all var(--transition-fast);-webkit-appearance:none;-moz-appearance:none;appearance:none}input[type=text]:focus,input[type=email]:focus,input[type=phone]:focus,input[type=url]:focus,input[type=date]:focus,textarea:focus,select:focus,.hl-input-field:focus{outline:none;background-color:var(--primary-white);border-color:var(--primary-purple);box-shadow:0 0 0 3px #9a8ff71a}textarea{min-height:100px;resize:vertical;font-family:var(--font-stack)}input::placeholder,textarea::placeholder{color:var(--text-light)}select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%239a8ff7' d='M1 1l5 5 5-5' stroke='%239a8ff7' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--spacing-md) center;padding-right:var(--spacing-xl);cursor:pointer}.hl-choice-item,.hl-radio-item,.choice-item,.radio-wrapper,.radio-option{display:inline-block;width:100%;margin-bottom:var(--spacing-sm);cursor:pointer}.hl-choice-item,.hl-radio-item,.choice-item{position:relative;padding:var(--spacing-md);background-color:var(--bg-soft);border:1.5px solid var(--border-color);border-radius:var(--radius-lg);transition:all var(--transition-fast);-webkit-user-select:none;user-select:none;width:100%}.hl-choices-wrapper.grid-2 .hl-choice-item,.hl-choices-wrapper.grid-2 .choice-item{margin-bottom:0}.hl-choice-item:hover,.hl-radio-item:hover,.choice-item:hover{background-color:var(--bg-light);border-color:#e8dff5}.hl-choices-wrapper.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-md)}@media (max-width: 768px){.hl-choices-wrapper.grid-2{grid-template-columns:1fr}}.hl-choice-item.selected,.hl-choice-item.active,.hl-radio-item.selected,.hl-radio-item.active,.choice-item.selected,.choice-item.active,input[type=radio]:checked+.choice-item{background:linear-gradient(135deg,#8b7fe6,#7a6fd8);border-color:#6b5fd0;border-width:2px;color:#fff;box-shadow:0 6px 20px #9a8ff780;position:relative;font-weight:700}.hl-choice-item.selected:after,.choice-item.selected:after{content:"✓";position:absolute;right:var(--spacing-md);top:50%;transform:translateY(-50%);color:#fec3cd;font-size:1.25rem;font-weight:900}input[type=radio]{margin-right:var(--spacing-sm);cursor:pointer;accent-color:var(--primary-purple)}.hl-choice-label,.choice-label{font-size:var(--font-size-base);font-weight:500;color:var(--text-primary)}.hl-choice-item.selected .hl-choice-label,.choice-item.selected .choice-label{color:#fff;font-weight:600}.hl-checkbox-item,.hl-check-option,.checkbox-wrapper,.checkbox-option{display:inline-block;width:100%;margin-bottom:var(--spacing-sm);cursor:pointer}.hl-checkbox-item,.hl-check-option,.checkbox-option{position:relative;padding:var(--spacing-md);background-color:var(--bg-soft);border:1.5px solid var(--border-color);border-radius:var(--radius-lg);transition:all var(--transition-fast);-webkit-user-select:none;user-select:none}.hl-checkbox-item:hover,.checkbox-option:hover{background-color:var(--bg-light);border-color:#e8dff5}.hl-checkbox-item.checked,.hl-checkbox-item.active,.checkbox-option.checked,.checkbox-option.active,input[type=checkbox]:checked+.checkbox-option{background-color:#fec3cd26;border-color:var(--primary-purple);border-width:2px;box-shadow:0 0 0 4px #fec3cd14}input[type=checkbox]{margin-right:var(--spacing-sm);cursor:pointer;accent-color:var(--primary-purple);width:18px;height:18px}.hl-file-upload,.file-upload-wrapper,input[type=file]{display:block;width:100%;padding:var(--spacing-lg);text-align:center;background-color:var(--bg-soft);border:2px dashed var(--border-color);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast)}.hl-file-upload:hover,.file-upload-wrapper:hover{background-color:var(--bg-light);border-color:var(--primary-purple)}.hl-file-upload.drag-over,.file-upload-wrapper.drag-over{background-color:#fec3cd26;border-color:var(--primary-pink);box-shadow:0 0 0 4px #fec3cd14}.file-upload-label{display:block;margin-bottom:var(--spacing-xs);font-weight:600;color:var(--text-primary);font-size:var(--font-size-base)}.file-upload-hint{font-size:var(--font-size-sm);color:var(--text-muted);margin-top:var(--spacing-xs)}input[type=file]{padding:var(--spacing-md)}.hl-yes-no-wrapper,.yes-no-option{display:flex;gap:var(--spacing-md)}.yes-no-button,.hl-yes-no-button{flex:1;padding:var(--spacing-md) var(--spacing-lg);background-color:#f5f3f8;border:2px solid #e0d5ed;border-radius:var(--radius-lg);cursor:pointer;font-size:var(--font-size-base);font-weight:600;color:var(--text-primary);transition:all .2s ease-in-out;position:relative}.yes-no-button:hover{background-color:#ede6f5;border-color:#d0c0e5}.yes-no-button.selected,.yes-no-button.active{background:linear-gradient(135deg,#8b7fe6,#7a6fd8);border-color:#6b5fd0;border-width:2px;color:#fff;box-shadow:0 6px 20px #9a8ff780;font-weight:700;transform:translateY(-3px);padding-left:var(--spacing-lg)}.yes-no-button.selected:before,.yes-no-button.active:before{content:"✓";position:absolute;left:var(--spacing-md);color:#fec3cd;font-size:1.25rem;font-weight:900}.hl-btn,.hl-btn-next,.hl-btn-submit,.hl-btn-previous,.btn-next,.btn-submit,button{display:inline-block;padding:var(--spacing-sm) var(--spacing-lg);font-family:var(--font-stack);font-size:var(--font-size-base);font-weight:600;text-align:center;cursor:pointer;border:none;border-radius:var(--radius-lg);transition:all var(--transition-fast);-webkit-appearance:none;-moz-appearance:none;appearance:none}.hl-btn-next,.hl-btn-submit,.btn-next,.btn-submit,button[type=submit],button.primary{width:100%;padding:var(--spacing-md) var(--spacing-lg);background:linear-gradient(135deg,var(--primary-purple) 0%,#8b7fe6 100%);color:var(--primary-white);box-shadow:0 4px 16px #9a8ff74d}.hl-btn-next:hover,.hl-btn-submit:hover,.btn-next:hover,.btn-submit:hover,button[type=submit]:hover,button.primary:hover{transform:translateY(-1px);box-shadow:0 4px 16px #9a8ff74d}.hl-btn-next:active,.hl-btn-submit:active,button[type=submit]:active{transform:translateY(0);box-shadow:0 2px 10px #9a8ff733}.hl-btn-previous,button.secondary{width:100%;background-color:var(--bg-soft);color:var(--text-primary);border:1.5px solid var(--border-color);margin-bottom:var(--spacing-md)}.hl-btn-previous:hover,button.secondary:hover{background-color:var(--bg-light);border-color:#e8dff5}button:disabled,.hl-btn:disabled{opacity:.5;cursor:not-allowed}.hl-button-wrapper,.button-group{display:flex;gap:var(--spacing-md);margin-top:var(--spacing-lg)}@media (max-width: 768px){.hl-button-wrapper{flex-direction:column}}.hl-progress-bar,.hl-progress-wrapper,.progress-bar{width:100%;height:4px;background-color:var(--border-color);border-radius:10px;margin-bottom:var(--spacing-lg);overflow:hidden}.hl-progress-fill,.progress-fill{height:100%;background:linear-gradient(90deg,var(--primary-pink) 0%,var(--primary-purple) 100%);border-radius:10px;transition:width var(--transition-normal)}.hl-progress-text,.progress-text{font-size:var(--font-size-sm);color:var(--text-muted);text-align:center;margin-top:var(--spacing-sm)}.hl-survey-footer,.survey-footer{margin-top:var(--spacing-xl);padding-top:var(--spacing-lg);border-top:1px solid var(--border-color)}.hl-step-indicator,.step-counter{font-size:var(--font-size-sm);color:var(--text-muted);text-align:center;margin-bottom:var(--spacing-md)}.hl-field-error,.field-error,.error-message{display:block;margin-top:var(--spacing-xs);font-size:var(--font-size-sm);color:#d97373;font-weight:500}.hl-field-error-wrapper,input.error,textarea.error,.form-group.error input,.form-group.error textarea{background-color:#d973730d;border-color:#d97373}.hl-field-error-wrapper:focus,input.error:focus,textarea.error:focus{box-shadow:0 0 0 3px #d973731a;border-color:#d97373}.hl-survey-success,.survey-success,.success-message{padding:var(--spacing-lg);background-color:#fec3cd1a;border:1.5px solid var(--primary-pink);border-radius:var(--radius-lg);text-align:center;color:var(--text-primary)}.hl-survey-success h2,.survey-success h2{color:var(--primary-purple);margin-bottom:var(--spacing-md)}@media (max-width: 375px){body{font-size:14px}.hl-survey-container,.survey-container{padding:var(--spacing-md);margin:var(--spacing-sm)}.hl-logo{max-width:120px}.hl-choice-item,.yes-no-button{padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm)}button,.hl-btn-next,.hl-btn-submit,.hl-btn-previous{padding:var(--spacing-sm) var(--spacing-md);font-size:14px}label,.hl-label{font-size:var(--font-size-sm)}.hl-choice-item.selected:after,.yes-no-button.selected:before{font-size:1rem}}@media (max-width: 768px){.hl-survey-container,.survey-container{margin:0;border-radius:var(--radius-md);padding:var(--spacing-md);box-shadow:none}label,.hl-label{font-size:var(--font-size-base)}.hl-choice-item,.hl-checkbox-item,.yes-no-button{padding:var(--spacing-md);font-size:var(--font-size-sm)}button,.hl-btn-next,.hl-btn-submit{padding:var(--spacing-md);font-size:var(--font-size-base)}.yes-no-option{flex-direction:column}.yes-no-button{width:100%}}@media (min-width: 1025px) and (max-width: 1440px){.hl-survey-container,.survey-container{max-width:700px}.hl-logo{max-width:350px}.hl-choice-item,.hl-checkbox-item{padding:var(--spacing-lg)}button,.hl-btn-next,.hl-btn-submit{padding:var(--spacing-md) var(--spacing-xl)}}@media (min-width: 1441px){body{padding:var(--spacing-xl)}.hl-survey-container,.survey-container{max-width:800px}.hl-logo{max-width:400px}.hl-choice-item,.hl-checkbox-item{padding:var(--spacing-lg) var(--spacing-xl)}button,.hl-btn-next,.hl-btn-submit{padding:var(--spacing-md) var(--spacing-xl);font-size:var(--font-size-md)}}.text-center{text-align:center}.text-muted{color:var(--text-muted)}.mt-xs{margin-top:var(--spacing-xs)}.mt-sm{margin-top:var(--spacing-sm)}.mt-md{margin-top:var(--spacing-md)}.mt-lg{margin-top:var(--spacing-lg)}.mt-xl{margin-top:var(--spacing-xl)}.mb-xs{margin-bottom:var(--spacing-xs)}.mb-sm{margin-bottom:var(--spacing-sm)}.mb-md{margin-bottom:var(--spacing-md)}.mb-lg{margin-bottom:var(--spacing-lg)}.mb-xl{margin-bottom:var(--spacing-xl)}.hidden{display:none!important}*:focus-visible{outline:2px solid var(--primary-purple);outline-offset:2px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.hl-logo-container{display:flex;justify-content:center;align-items:center;margin-bottom:var(--spacing-lg);animation:fadeInDown .5s ease-out}.hl-logo{max-width:300px;height:auto;object-fit:contain;filter:drop-shadow(0 2px 8px rgba(154,143,247,.08));width:100%;mix-blend-mode:multiply;background:transparent}@media (max-width: 768px){.hl-logo{max-width:200px}}.hl-page-indicator{margin-bottom:var(--spacing-xl);animation:fadeInDown .6s ease-out .1s both}.hl-progress-bar{width:100%;height:6px;background-color:var(--border-color);border-radius:10px;margin-bottom:var(--spacing-md);overflow:hidden;position:relative}.hl-progress-fill{height:100%;background:linear-gradient(90deg,var(--primary-pink) 0%,var(--primary-purple) 100%);border-radius:10px;transition:width .5s cubic-bezier(.4,0,.2,1);box-shadow:0 0 12px #fec3cd66}.hl-step-counter{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);font-size:var(--font-size-sm);font-weight:600;color:var(--text-primary)}.hl-step-number{animation:fadeInScale .4s ease-out;display:inline-block;min-width:24px;text-align:center}.hl-step-divider,.hl-step-total{color:var(--text-muted)}.hl-step-message{margin-left:var(--spacing-md);color:var(--primary-pink);font-weight:700;animation:fadeInScale .5s ease-out .2s both}.hl-step-header{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.hl-step-icon{font-size:2rem;display:inline-block;animation:bounceIn .6s ease-out}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes bounceIn{0%{opacity:0;transform:scale(.8) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}.hl-survey-step{animation:slideInUp var(--transition-normal) ease-out}