.survey-background{z-index:0;position:fixed;inset:0;overflow:hidden}.survey-background__image{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.survey-header{z-index:100;transition:background var(--transition-base);background:0 0;position:sticky;top:0}.survey-header--scrolled{-webkit-backdrop-filter:blur(20px);background:#f0ebe4eb}.survey-header__content{max-width:1280px;padding:var(--space-lg)var(--space-xl)var(--space-md);margin:0 auto}.survey-header__top{justify-content:space-between;align-items:center;display:flex}.survey-header__left{align-items:flex-start;gap:var(--space-xs);flex-direction:column;display:flex}.survey-header__logo{color:#1a1a1a;width:auto;height:36px;margin-bottom:var(--space-sm)}.survey-header__title{color:#1a1a1a;font-size:32px;font-weight:700;line-height:1.2}.survey-header__subtitle{color:#000000b3;font-size:16px;font-weight:500;line-height:1.3}.survey-header__badge{color:#fff;width:160px;height:160px;font-weight:700;font-size:var(--font-size-sm);text-align:center;white-space:nowrap;background:#e07820;border-radius:50%;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;line-height:1.2;display:flex;box-shadow:0 4px 15px #e0782066}.survey-header__badge span{font-size:var(--font-size-xl);opacity:.9;font-weight:600}.survey-progress{margin-top:var(--space-md)}.survey-progress__bar{border-radius:var(--radius-full);background:#0000001a;width:100%;height:5px;overflow:hidden}.survey-progress__fill{background:var(--gradient-accent);border-radius:var(--radius-full);height:100%;box-shadow:0 0 10px var(--color-accent-glow);transition:width .6s cubic-bezier(.4,0,.2,1)}.survey-progress__info{margin-top:var(--space-xs);justify-content:space-between;align-items:center;display:flex}.survey-progress__steps{font-size:var(--font-size-xs);color:#00000080}.survey-progress__dots{gap:var(--space-sm);display:flex}.survey-progress__dot{width:10px;height:10px;transition:all var(--transition-base);cursor:pointer;background:#00000026;border:none;border-radius:50%}.survey-progress__dot--active{background:var(--color-accent);box-shadow:0 0 12px var(--color-accent-glow);transform:scale(1.3)}.survey-progress__dot--completed{background:var(--color-accent);opacity:.6}.theme-section{z-index:1;max-width:780px;padding:var(--space-2xl)var(--space-xl);flex-direction:column;min-height:calc(100vh - 130px);margin:0 auto;display:flex;position:relative}.theme-section__card{-webkit-backdrop-filter:blur(60px);border-radius:var(--radius-xl);padding:var(--space-2xl)var(--space-2xl);background:#ffffffc7;border:none;flex:1;box-shadow:0 3px 6px #00000029}.theme-section__header{align-items:center;gap:var(--space-lg);margin-bottom:var(--space-2xl);display:flex}.theme-section__number{font-size:var(--font-size-7xl);color:#e07820;flex-shrink:0;font-weight:800;line-height:1}.theme-section__title-group{flex-direction:column;display:flex}.theme-section__title,.theme-section__title-main{font-size:var(--font-size-2xl);color:#e07820;font-weight:700;line-height:1.3}.theme-section__questions{gap:var(--space-2xl);flex-direction:column;display:flex}.question{gap:var(--space-sm);flex-direction:column;display:flex}.question__label{color:#000;font-size:18px;font-weight:600;line-height:1.4}.question__number{color:var(--color-text);margin-right:var(--space-xs)}.question__textarea{width:100%;min-height:80px;padding:var(--space-md);border-radius:var(--radius-md);color:#333;font-size:var(--font-size-base);resize:vertical;transition:all var(--transition-base);background:#fff;border:none;line-height:1.6;box-shadow:0 3px 6px #00000029}.question__textarea:hover{box-shadow:0 3px 8px #00000038}.question__textarea:focus{box-shadow:0px 3px 10px #00000038,0 0 0 2px var(--color-accent-glow);outline:none}.question__textarea::placeholder{color:#aaa}.question__select{width:100%;padding:var(--space-md);border-radius:var(--radius-md);color:#333;font-size:var(--font-size-base);appearance:none;cursor:pointer;transition:all var(--transition-base);background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(0,0,0,0.3)' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") right 12px center/20px no-repeat;border:none;box-shadow:0 3px 6px #00000029}.question__select:hover{box-shadow:0 3px 8px #00000038}.question__select:focus{box-shadow:0px 3px 10px #00000038,0 0 0 2px var(--color-accent-glow);outline:none}.question__select option{color:#333;background:#fff}.scale{gap:var(--space-sm);flex-direction:column;display:flex}.scale__buttons{gap:var(--space-xs);flex-wrap:wrap;display:flex}.scale__btn{padding:var(--space-sm)var(--space-xs);border-radius:var(--radius-sm);color:#333;font-size:var(--font-size-base);cursor:pointer;transition:all var(--transition-base);text-align:center;background:#fff;border:2px solid #0000001a;flex:none;min-width:40px;font-weight:700}.scale__btn:hover{border-color:var(--color-accent);color:var(--color-accent)}.scale__btn--active{background:var(--color-accent);border-color:var(--color-accent);color:#fff;box-shadow:0 2px 8px var(--color-accent-glow)}.scale__labels{justify-content:space-between;display:flex}.scale__label-left,.scale__label-right{font-size:var(--font-size-xs);color:#00000073}.checkbox-group{gap:var(--space-sm);flex-direction:column;display:flex}.checkbox-group__item{align-items:center;gap:var(--space-sm);cursor:pointer;padding:var(--space-sm)var(--space-md);border-radius:var(--radius-sm);transition:all var(--transition-base);background:#fff;display:flex;box-shadow:0 1px 3px #00000014}.checkbox-group__item:hover{box-shadow:0 2px 6px #0000001f}.checkbox-group__input{display:none}.checkbox-group__checkmark{width:22px;height:22px;transition:all var(--transition-base);border:2px solid #0003;border-radius:4px;flex-shrink:0;position:relative}.checkbox-group__input:checked+.checkbox-group__checkmark{background:var(--color-accent);border-color:var(--color-accent)}.checkbox-group__input:checked+.checkbox-group__checkmark:after{content:"";border:2px solid #fff;border-width:0 2px 2px 0;width:6px;height:11px;position:absolute;top:2px;left:6px;transform:rotate(45deg)}.checkbox-group__label{font-size:var(--font-size-base);color:#333}.checkbox-group__sonstiges{margin-left:calc(22px + var(--space-sm) + var(--space-md));padding:var(--space-sm)var(--space-md);border-radius:var(--radius-sm);color:#333;font-size:var(--font-size-base);transition:all var(--transition-base);background:#fff;border:1px solid #0000001a}.checkbox-group__sonstiges:focus{border-color:var(--color-accent);box-shadow:0 0 0 2px var(--color-accent-glow);outline:none}.checkbox-group__sonstiges::placeholder{color:#aaa}.repeater,.repeater__items{gap:var(--space-sm);flex-direction:column;display:flex}.repeater__item{gap:var(--space-sm);align-items:flex-start;display:flex}.repeater__input{padding:var(--space-sm)var(--space-md);border-radius:var(--radius-sm);color:#333;font-size:var(--font-size-base);transition:all var(--transition-base);background:#fff;border:none;flex:1;box-shadow:0 3px 6px #00000029}.repeater__input:hover{box-shadow:0 3px 8px #00000038}.repeater__input:focus{box-shadow:0px 3px 10px #00000038,0 0 0 2px var(--color-accent-glow);outline:none}.repeater__input::placeholder{color:#aaa}.repeater__remove{border-radius:var(--radius-sm);width:36px;height:36px;color:var(--color-error);cursor:pointer;transition:all var(--transition-fast);font-size:var(--font-size-lg);background:0 0;border:1px solid #ff4b6a4d;flex-shrink:0;justify-content:center;align-items:center;display:flex}.repeater__remove:hover{background:#ff4b6a1a;border-color:#ff4b6a80}.repeater__add{align-items:center;gap:var(--space-sm);padding:var(--space-sm)var(--space-md);border-radius:var(--radius-sm);color:#555;cursor:pointer;font-size:var(--font-size-sm);transition:all var(--transition-base);background:0 0;border:1px dashed #0003;align-self:flex-start;display:inline-flex}.repeater__add:hover{border-color:var(--color-accent);color:var(--color-accent);background:#e078200d}.repeater-paired__row{gap:var(--space-sm);align-items:flex-start;display:flex}.repeater-paired__primary{flex:1}.repeater-paired__secondary{flex:2}.repeater-paired__label{font-size:var(--font-size-xs);color:#555;margin-bottom:var(--space-xs);display:block}.login-page{min-height:100vh;padding:var(--space-2xl);z-index:1;flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative}.login-page__card{-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);border-radius:var(--radius-xl);padding:var(--space-3xl)var(--space-2xl);text-align:center;background:#ffffffd9;flex-direction:column;align-items:center;width:100%;max-width:520px;display:flex;box-shadow:0 20px 60px #00000026}.login-page__logo{color:#1a1a1a;width:180px;height:auto;margin-bottom:var(--space-xl)}.login-page__title{font-size:var(--font-size-2xl);color:#1a1a1a;margin-bottom:var(--space-md);font-weight:800;line-height:1.3}.login-page__subtitle{font-size:var(--font-size-base);color:#0009;margin-bottom:var(--space-xl);line-height:1.5}.login-page__form{gap:var(--space-md);flex-direction:column;width:100%;display:flex}.login-page__input{padding:var(--space-md);border-radius:var(--radius-md);color:#333;font-size:var(--font-size-base);transition:all var(--transition-base);text-align:center;background:#fff;border:2px solid #0000001a}.login-page__input:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-glow);outline:none}.login-page__input::placeholder{color:#aaa}.login-page__error{color:var(--color-error);font-size:var(--font-size-sm);font-weight:600}.login-page__btn{padding:var(--space-md)var(--space-xl);background:var(--gradient-accent);color:#fff;border-radius:var(--radius-full);font-size:var(--font-size-base);cursor:pointer;transition:all var(--transition-base);border:none;font-weight:700}.login-page__btn:hover{box-shadow:var(--shadow-glow);transform:translateY(-2px)}.login-page__btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.survey-nav{padding:var(--space-xl)0 0;justify-content:space-between;align-items:center;margin-top:auto;display:flex}.survey-nav__btn{align-items:center;gap:var(--space-sm);padding:var(--space-md)var(--space-xl);border-radius:var(--radius-full);font-size:var(--font-size-base);cursor:pointer;transition:all var(--transition-base);text-transform:none;letter-spacing:0;border:none;font-weight:700;display:inline-flex}.survey-nav__btn--back{color:#555;background:0 0;border:1px solid #00000026}.survey-nav__btn--back:hover{color:#000;background:#fff3;border-color:#0000004d}.survey-nav__btn--next,.survey-nav__btn--submit{background:var(--gradient-accent);color:#fff;box-shadow:var(--shadow-glow)}.survey-nav__btn--next:hover,.survey-nav__btn--submit:hover{box-shadow:0 0 40px var(--color-accent-glow),var(--shadow-md);transform:translateY(-2px)}.survey-nav__btn--next:active,.survey-nav__btn--submit:active{transform:translateY(0)}.survey-nav__btn--submit{padding:var(--space-md)var(--space-2xl);font-size:var(--font-size-lg)}.survey-nav__spacer{flex:1}.thankyou{text-align:center;min-height:100vh;padding:var(--space-2xl);z-index:1;flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative}.thankyou__card{-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);border-radius:var(--radius-xl);padding:var(--space-3xl)var(--space-2xl);background:#ffffffd9;flex-direction:column;align-items:center;width:100%;max-width:560px;display:flex;box-shadow:0 20px 60px #00000026}.thankyou__icon{background:var(--gradient-accent);color:#fff;width:80px;height:80px;margin-bottom:var(--space-xl);box-shadow:var(--shadow-glow);border-radius:50%;justify-content:center;align-items:center;font-size:40px;display:flex}.thankyou__title{font-size:var(--font-size-3xl);color:#111;margin-bottom:var(--space-md);font-weight:800}.thankyou__message{font-size:var(--font-size-xl);color:var(--color-accent);margin-bottom:var(--space-sm);font-weight:700}.thankyou__sub{font-size:var(--font-size-base);color:#111}.thankyou__logo{margin-top:var(--space-3xl);color:#111;width:140px;height:auto}.error-page{text-align:center;min-height:100vh;padding:var(--space-2xl);z-index:1;flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative}.error-page__icon{margin-bottom:var(--space-xl);opacity:.4;font-size:64px}.error-page__title{font-size:var(--font-size-2xl);margin-bottom:var(--space-md);font-weight:700}.error-page__message{font-size:var(--font-size-base);color:var(--color-text-muted);max-width:400px}@media (max-width:768px){.survey-header__content{padding:var(--space-lg)var(--space-md)var(--space-sm)}.survey-header__logo{height:29px}.survey-header__title{font-size:22px}.survey-header__subtitle{font-size:13px}.survey-header__badge{width:80px;height:80px;font-size:var(--font-size-xs)}.survey-header__badge span{font-size:var(--font-size-sm)}.theme-section{padding:var(--space-lg)var(--space-md)}.theme-section__card{padding:var(--space-lg)var(--space-md);border-radius:var(--radius-lg)}.theme-section__number{font-size:var(--font-size-6xl)}.theme-section__title,.theme-section__title-main{font-size:var(--font-size-2xl)}.repeater-paired__row{flex-direction:column}.survey-nav__btn{padding:var(--space-sm)var(--space-lg);font-size:var(--font-size-sm)}.scale__btn{padding:var(--space-xs);font-size:var(--font-size-sm);min-width:30px}.login-page__card{padding:var(--space-xl)var(--space-lg)}}