.survey-form{padding:8rem 5% 5rem;min-height:100vh;background:linear-gradient(135deg,#111111f2,#111111d9);color:#fff;position:relative;overflow:hidden}.survey-form__header{text-align:center;max-width:800px;margin:0 auto 4rem;opacity:1;transform:translateY(0);transition:all .6s ease}.survey-form__header.animate-in{opacity:1;transform:translateY(0)}.survey-form__title{font-family:var(--font-heading-family);font-size:3.5rem;margin-bottom:2rem;color:#fff;position:relative;display:inline-block}.survey-form__title-highlight{position:relative;display:inline-block;color:#fff;padding-bottom:.5em}.survey-form__title-highlight:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:.15em;background:linear-gradient(90deg,var(--color-primary) 0%,var(--color-accent) 100%);transform:scaleX(0);transform-origin:left;transition:transform 1s ease .5s;border-radius:.1em}.survey-form__header.animate-in .survey-form__title-highlight:after{transform:scaleX(1)}.survey-form__subtitle{font-family:var(--font-heading-family);font-size:1.5rem;margin-bottom:1.5rem;color:var(--color-primary)}.survey-form__description{font-family:var(--font-body-family);font-size:1.1rem;line-height:1.6;color:#fffc}.survey-form__form{max-width:900px;margin:0 auto;background:#ffffff0d;border-radius:2rem;padding:3rem;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1);box-shadow:0 20px 40px #0000004d}.survey-form__section{margin-bottom:3rem;opacity:0;transform:translateY(20px);transition:all .6s ease}.survey-form__section.animate-in{opacity:1;transform:translateY(0)}.survey-form__section:last-of-type{margin-bottom:2rem}.survey-form__section-title{font-family:var(--font-heading-family);font-size:1.8rem;color:var(--color-primary);margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid rgba(255,255,255,.1);position:relative}.survey-form__section-title:after{content:"";position:absolute;bottom:-2px;width:60px;height:2px;background:linear-gradient(90deg,var(--color-primary) 0%,var(--color-accent) 100%);transform:scaleX(0);transition:transform 1s ease .3s}html[dir=ltr] .survey-form__section-title:after{left:0;right:auto;transform-origin:left;background:linear-gradient(90deg,var(--color-primary) 0%,var(--color-accent) 100%)}html[dir=rtl] .survey-form__section-title:after{right:0;left:auto;transform-origin:right;background:linear-gradient(-90deg,var(--color-primary) 0%,var(--color-accent) 100%)}.survey-form__section.animate-in .survey-form__section-title:after{transform:scaleX(1)}.survey-form__section:nth-child(1) .survey-form__section-title:after{width:14.28%}.survey-form__section:nth-child(2) .survey-form__section-title:after{width:28.57%}.survey-form__section:nth-child(3) .survey-form__section-title:after{width:42.85%}.survey-form__section:nth-child(4) .survey-form__section-title:after{width:57.14%}.survey-form__section:nth-child(5) .survey-form__section-title:after{width:71.42%}.survey-form__section:nth-child(6) .survey-form__section-title:after{width:85.71%}.survey-form__section:nth-child(7) .survey-form__section-title:after{width:100%}.survey-form__group{margin-bottom:1.5rem}.survey-form__row{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-bottom:1.5rem}.survey-form__label{display:block;font-family:var(--font-body-family);font-size:1rem;font-weight:500;color:#fff;margin-bottom:.5rem}.survey-form__help{display:block;font-family:var(--font-body-family);font-size:.85rem;color:#fff9;margin-top:.25rem}.survey-form__input,.survey-form__textarea{width:100%;padding:1rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:.75rem;color:#fff;font-family:var(--font-body-family);font-size:1rem;transition:all .3s ease;box-sizing:border-box}.survey-form__input:focus,.survey-form__textarea:focus{outline:none;border-color:var(--color-primary);background:#ffffff26;box-shadow:0 0 0 3px #ef6a3f1a}.survey-form__input::placeholder,.survey-form__textarea::placeholder{color:#ffffff80}.survey-form__textarea{resize:vertical;min-height:120px}.survey-form__radio-group{display:flex;flex-wrap:wrap;gap:1rem}.survey-form__radio{display:flex;align-items:center;cursor:pointer;padding:.75rem 1rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:.75rem;transition:all .3s ease;position:relative;overflow:hidden}.survey-form__radio:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-accent) 100%);opacity:0;transition:opacity .3s ease;z-index:0}.survey-form__radio:hover:before{opacity:.1}.survey-form__radio input[type=radio]{margin-right:.5rem;accent-color:var(--color-primary);position:relative;z-index:1}.survey-form__radio input[type=radio]:checked+.survey-form__radio-label{color:var(--color-primary);font-weight:600}.survey-form__radio-label{font-family:var(--font-body-family);font-size:.9rem;color:#ffffffe6;transition:all .3s ease;position:relative;z-index:1}.survey-form__checkbox-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1rem}.survey-form__checkbox{display:flex;align-items:center;cursor:pointer;padding:.75rem 1rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:.75rem;transition:all .3s ease;position:relative;overflow:hidden}.survey-form__checkbox:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-accent) 100%);opacity:0;transition:opacity .3s ease;z-index:0}.survey-form__checkbox:hover:before{opacity:.1}.survey-form__checkbox input[type=checkbox]{margin-right:.5rem;accent-color:var(--color-primary);position:relative;z-index:1}.survey-form__checkbox input[type=checkbox]:checked+.survey-form__checkbox-label{color:var(--color-primary);font-weight:600}.survey-form__checkbox-label{font-family:var(--font-body-family);font-size:.9rem;color:#ffffffe6;transition:all .3s ease;position:relative;z-index:1}.survey-form__scale{display:flex;gap:.5rem;flex-wrap:wrap}.survey-form__scale-item{display:flex;flex-direction:column;align-items:center;cursor:pointer;padding:.75rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:.75rem;transition:all .3s ease;min-width:50px}.survey-form__scale-item:hover{background:#ffffff1a;transform:translateY(-2px)}.survey-form__scale-item input[type=radio]{margin-bottom:.25rem;accent-color:var(--color-primary)}.survey-form__scale-item input[type=radio]:checked+.survey-form__scale-label{color:var(--color-primary);font-weight:600}.survey-form__scale-label{font-family:var(--font-heading-family);font-size:1rem;color:#ffffffe6;transition:all .3s ease}.survey-form__submit{text-align:center;padding-top:2rem;border-top:1px solid rgba(255,255,255,.1)}.survey-form__button{background:var(--color-primary);color:#fff;border:none;padding:1.25rem 3rem;border-radius:100px;font-family:var(--font-heading-family);font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px;box-shadow:0 8px 25px #0000004d;position:relative;overflow:hidden}.survey-form__button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.survey-form__button:hover:before{left:100%}.survey-form__button:hover{background:var(--color-accent);transform:translateY(-3px);box-shadow:0 12px 35px #0006}.survey-form__submit-text{font-family:var(--font-body-family);font-size:.9rem;color:#ffffffb3;margin-top:1rem;line-height:1.5}.survey-form--accent .survey-form__title-highlight{color:#fff}.survey-form--accent .survey-form__title-highlight:after{background:linear-gradient(90deg,var(--color-accent) 0%,var(--color-primary) 100%)}.survey-form--accent .survey-form__subtitle,.survey-form--accent .survey-form__section-title{color:var(--color-accent)}.survey-form--accent .survey-form__section-title:after{background:linear-gradient(90deg,var(--color-accent) 0%,var(--color-primary) 100%)}.survey-form--accent .survey-form__section.animate-in .survey-form__section-title:after{transform:scaleX(1)}.survey-form--accent .survey-form__input:focus,.survey-form--accent .survey-form__textarea:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px #d9f8551a}.survey-form--accent .survey-form__radio input[type=radio]:checked+.survey-form__radio-label,.survey-form--accent .survey-form__checkbox input[type=checkbox]:checked+.survey-form__checkbox-label,.survey-form--accent .survey-form__scale-item input[type=radio]:checked+.survey-form__scale-label{color:var(--color-accent)}.survey-form--accent .survey-form__radio input[type=radio],.survey-form--accent .survey-form__checkbox input[type=checkbox],.survey-form--accent .survey-form__scale-item input[type=radio]{accent-color:var(--color-accent)}.survey-form--accent .survey-form__button{background:var(--color-accent)}.survey-form--accent .survey-form__button:hover{background:var(--color-primary)}@media screen and (max-width: 768px){.survey-form{padding:6rem 1rem 3rem}.survey-form__title{font-size:2.5rem}.survey-form__subtitle{font-size:1.2rem}.survey-form__form{padding:2rem 1.5rem}.survey-form__row{grid-template-columns:1fr;gap:1rem}.survey-form__radio-group{flex-direction:column}.survey-form__checkbox-grid{grid-template-columns:1fr}.survey-form__scale{justify-content:center}.survey-form__button{padding:1rem 2rem;font-size:1rem}}@media screen and (max-width: 480px){.survey-form__scale{grid-template-columns:repeat(5,1fr);display:grid}.survey-form__scale-item{min-width:auto}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/survey-form.css.map */