.new-quiz{background:0 0;position:relative;overflow:hidden}.new-quiz-turnkey-decor-icon2{position:absolute;bottom:-45px;left:-359px}.new-quiz-turnkey-blur1{width:422.837px;height:604.745px;transform:rotate(-164.903deg);flex-shrink:0;background:#1b31c2;opacity:.4;filter:blur(107.37368774414062px);position:absolute;top:-126px;right:73px}.new-quiz-turnkey-blur2{position:absolute;width:512.33px;height:567.761px;transform:rotate(-150.838deg);flex-shrink:0;background:#d3d3d3;opacity:.2;filter:blur(100px);bottom:-281px;left:-67px;z-index:0}.new-quiz-turnkey-blur3{position:absolute;width:866.512px;height:292.898px;transform:rotate(-150.838deg);flex-shrink:0;opacity:.4;filter:blur(100px);bottom:-68px;right:-138px}.new-quiz-container{position:relative;padding:120px 100px;display:flex;justify-content:space-between;gap:70px;align-items:center}.new-quiz-turnkey-decor{position:relative;width:100%}.new-quiz-turnkey-decor-ball{position:absolute;width:118px;height:118px;flex-shrink:0;background-color:#d3e2e9;opacity:.2;border-radius:50%;left:379px;z-index:0}.new-quiz-turnkey-decor-icon{position:absolute;top:-75px;left:420px;z-index:1}.new-quiz-turnkey-decor-text{position:absolute;top:53px;left:444px;z-index:2;display:flex;transform:rotate(-10deg);padding:8px 14px;justify-content:center;align-items:center;border-radius:120px;border:.8px solid rgba(14,16,32,.2);background:#e0e3fb;color:#0e1020;font-size:14px;font-style:normal;font-weight:500;line-height:21px;letter-spacing:-.042px}.new-quiz-container:before{position:absolute;content:'';width:300px;height:250px;top:50px;left:-150px;opacity:.8;border-radius:50%;filter:blur(120px);z-index:-1}.new-quiz-container-turnkey:before{display:none}.new-quiz-left{display:flex;flex-direction:column;justify-content:center;width:45%}.new-quiz-left-top{display:flex;gap:20px;align-items:center;margin-bottom:50px;display:none}.new-quiz-left-top p{color:#ebecfa;font-family:'Gilroy','Gilroy-Regular',sans-serif;font-size:18px;font-style:normal;font-weight:400;line-height:150%;width:120px}.new-quiz-right{width:55%;max-width:513px;border-radius:30px;background:#f1f3ff;padding:40px 50px}.new-quiz-right-mob{display:none}.new-quiz-title-turnkey{color:#fff;font-size:60px;font-style:normal;font-weight:400;line-height:110%;letter-spacing:-.18px;margin-bottom:20px}.new-quiz-title-turnkey strong{font-style:italic;font-weight:700}.new-quiz-title-turnkey span{color:#2b49e2;font-style:italic;font-weight:700}.new-quiz.design .new-quiz-title-turnkey span{color:#fff;font-style:italic;font-weight:700}.new-quiz-left-turnkey{width:50%;justify-content:start}.new-quiz-turnkey-decor-mob{display:none}.new-quiz-title{color:#f1f3ff;font-family:'Gilroy','Gilroy-Regular',sans-serif;font-size:64px;font-style:normal;font-weight:400;line-height:105%;letter-spacing:-.192px;margin-bottom:24px}.new-quiz-subtitle{color:#ebecfa;font-family:'Gilroy','Gilroy-Regular',sans-serif;font-size:18px;font-style:normal;font-weight:400;line-height:150%}.new-quiz-subtitle-turnkey{color:#fff;font-family:'Gilroy','Gilroy-Regular',sans-serif;font-size:32px;font-style:normal;font-weight:400;line-height:120%}.new-quiz.design .new-quiz-subtitle-turnkey{opacity:.7}.new-quiz-title strong{font-family:'Gilroy','Gilroy-Bold',sans-serif;font-weight:700;font-style:italic}.new-quiz .general-form .general-form__subtitle{margin-bottom:0}.new-quiz-design-box{display:flex;gap:5px}.new-quiz-design-list{display:flex;flex-direction:column;gap:9px;margin-top:100px}.new-quiz-design-list-mob{display:none}.new-quiz-design-item{border:.8px solid rgba(255,255,255,.2);height:50px;color:rgba(255,255,255,1);font-size:14px;line-height:14px;padding:0 14px;border-radius:120px;display:flex;align-items:center;justify-content:center;text-align:center;background-color:rgba(224,227,252,.1)}.new-quiz.design2 .new-quiz-title-turnkey strong{font-style:italic;font-weight:400}.new-quiz.design2 .new-quiz-title-turnkey span{color:#fff}.new-quiz-design-item.rotatelp{rotate:-15deg;transform:translate(0px,-10px)}.new-quiz-design-box.lp{margin-left:79px}.new-quiz-design-box.lp2{margin-left:54px}.trans10{transform:translate(-10px,0px)}.new-quiz.lp .new-quiz-subtitle-turnkey{color:rgba(255,255,255,.7)}.new-quiz.lp .new-quiz-subtitle-turnkey .lp-span-quiz{color:rgba(255,255,255,1)}.lp-arrow-bottom{position:absolute;bottom:-60px;left:0}.new-quiz-design-item.minw{min-width:98px}.new-quiz-subtitle-lp{color:rgba(255,255,255,.9);font-family:Gilroy;font-size:32px;font-style:normal;font-weight:500;line-height:110%;letter-spacing:-.096px;margin-bottom:20px}.new-quiz-subtitle-lp span{font-style:italic;font-weight:700}@media (max-width:1340px){.new-quiz-title{font-size:48px}.new-quiz-turnkey-decor-icon{top:4px;left:330px}.new-quiz-turnkey-decor-ball{top:70px;left:310px}.new-quiz-turnkey-decor-text{top:122px;left:363px}.new-quiz-title-turnkey{font-size:44px}.new-quiz-title-turnkey.lp{font-size:60px}.new-quiz-subtitle-turnkey{font-size:26px}}@media (max-width:1266px){.new-quiz-turnkey-decor-icon{top:4px;left:270px}.new-quiz-turnkey-decor-ball{top:70px;left:250px}.new-quiz-turnkey-decor-text{top:122px;left:303px}.new-quiz-title-turnkey.lp{font-size:54px}.new-quiz-subtitle-lp{font-size:26px}.new-quiz-design-box.lp2{margin-left:0}}@media (max-width:1200px){.new-quiz-title{font-size:32px}.new-quiz-container{padding:120px 60px;gap:20px}}@media (max-width:1070px){.new-quiz-turnkey-decor-icon{top:4px;left:220px}.new-quiz-title-turnkey.lp{font-size:48px}.new-quiz-turnkey-decor-ball{top:70px;left:200px}.new-quiz-turnkey-decor-text{top:122px;left:253px}}@media (max-width:1024px){.new-quiz-container{padding:48px 20px;flex-direction:column;gap:0}.new-quiz-design-list{display:none}.new-quiz-design-list.design2{display:flex;margin-top:0;margin-bottom:30px;margin-top:-5px}.new-quiz-design-list-mob{display:flex;flex-direction:column;gap:9px;margin-top:70px;align-items:center}.new-quiz-turnkey-decor-icon2{display:none}.new-quiz-turnkey-blur2{display:none}.new-quiz-turnkey-blur1{right:auto;left:-133px}.new-quiz-turnkey-blur3{bottom:364px;right:0}.new-quiz-turnkey-decor{display:none}.new-quiz-turnkey-decor-mob{display:block;position:relative;height:98px;margin-bottom:13px;width:100%}.new-quiz-turnkey-decor-icon{top:-5px;left:51%;transform:translateX(-50%);width:48px;height:76px}.new-quiz-turnkey-decor-ball{top:12px;width:70px;height:70px;opacity:1;left:50%;transform:translateX(-50%)}.new-quiz-turnkey-decor-text{top:36px;left:42%;transform:translateX(-50%);padding:5px 8px;font-size:8px;font-weight:500;line-height:12.366px;letter-spacing:-.025px;transform:rotate(-10deg)}.new-quiz-title-turnkey{font-size:32px;margin:0 auto 10px;text-align:center;max-width:355px}.new-quiz-title-turnkey span{color:#fff}.new-quiz-subtitle-turnkey{text-align:center;font-size:16px;margin-bottom:35px}.new-quiz-left{width:100%;align-items:center}.new-quiz-right{width:96%;margin:0 auto}.new-quiz-title{text-align:center}.new-quiz-left-top{order:3;margin-top:20px}.new-quiz-subtitle{text-align:center;margin-bottom:20px;margin-left:16px;margin-right:16px}.new-quiz-left-top p{width:auto}.new-quiz-title-turnkey.lp{font-size:44px;margin-bottom:30px}.new-quiz-subtitle-lp{font-size:24px;margin-bottom:10px}}@media (max-width:942px){.new-quiz-turnkey-decor-text{left:41%}}@media (max-width:836px){.new-quiz-turnkey-decor-text{left:40%}.new-quiz-turnkey-blur3{bottom:364px;right:0;width:400px;transform:rotate(0deg)}}@media (max-width:784px){.new-quiz-turnkey-decor-text{left:39%}}@media (max-width:768px){.new-quiz-title-turnkey.lp{font-size:32px}.new-quiz-subtitle-lp{font-size:16px}}@media (max-width:700px){.new-quiz-turnkey-decor-text{left:37%}}@media (max-width:584px){.new-quiz-turnkey-decor-text{left:35%}}@media (max-width:526px){.new-quiz-turnkey-decor-text{left:33%}.new-quiz-turnkey-blur1{display:none}}@media (max-width:480px){.new-quiz-turnkey-decor-text{left:31%}.new-quiz-turnkey-blur3{bottom:500px;right:30px;width:200px;transform:rotate(0deg)}.new-quiz-design-list-mob{display:flex;flex-direction:column;gap:3px;margin-top:50px;align-items:flex-start;margin-left:20px}.new-quiz-design-list-mob.lp{margin-left:0}.new-quiz-design-item{height:39px;font-size:13px;line-height:24px;letter-spacing:-.3%;padding:0 13px}.new-quiz-design-box1{padding-left:22px}.new-quiz-design-item.rotate{rotate:-15deg;transform:translateY(-15px)}.new-quiz-design-item.translate{transform:translateX(-15px)}.new-quiz-design-box img{height:38px;width:38px}}@media (max-width:442px){.new-quiz-turnkey-decor-text{left:29%}}@media (max-width:400px){.new-quiz-turnkey-decor-text{left:27%}}@media (max-width:480px){.new-quiz-right{padding:30px}}@media (max-width:430px){.new-quiz-right{padding:30px 20px}.new-quiz-container{padding:48px 0}.new-quiz-title{margin-left:10px;margin-right:10px}.new-quiz-design-item.bp{padding:0 15px}.new-quiz-design-item.minw{min-width:87px}}.new-quiz-design-list.ux-audit{margin-top:60px}.new-quiz-design-box1.ux-audit{padding-left:0}.new-quiz-design-list-mob.ux-audit{margin-left:0}.new-quiz.ux-audit{background:#020416}@media (max-width:768px){.new-quiz-subtitle-turnkey.ux-audit{max-width:300px}}
/* Новые стили для секции quiz с вопросами */
.quiz-form {
    width: 100%;
}

.quiz-form__title {
    color: #0e1020;
    font-family: 'Gilroy', 'Gilroy-Bold', sans-serif;
    font-size: 32px;
    font-weight: 700;
    line-height: 120%;
    text-align: center;
    margin-bottom: 12px;
}

.quiz-form__subtitle {
    color: #4e4f5c;
    font-family: 'Gilroy', 'Gilroy-Regular', sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 140%;
    text-align: center;
    margin-bottom: 40px;
}

.quiz-form__subtitle strong {
    font-weight: 600;
    color: #2b49e2;
}

/* Прогресс бар */
.quiz-progress {
    margin-bottom: 30px;
}

.quiz-progress-bar {
    width: 100%;
    height: 8px;
    background: rgba(43, 73, 226, 0.1);
    border-radius: 4px;
    overflow: hidden;
    margin-bottom: 12px;
}

.quiz-progress-fill {
    height: 100%;
    background: linear-gradient(90deg, #2b49e2 0%, #18a8ac 100%);
    border-radius: 4px;
    width: 25%;
    transition: width 0.5s ease;
}

.quiz-progress-text {
    text-align: center;
    color: #4e4f5c;
    font-family: 'Gilroy', 'Gilroy-Medium', sans-serif;
    font-size: 14px;
    font-weight: 500;
}

.quiz-progress-text span {
    color: #2b49e2;
    font-weight: 600;
}

/* Контейнер для шагов */
.quiz-container {
    position: relative;
    min-height: 300px;
}

.quiz-step {
    display: none;
    opacity: 0;
    transform: translateX(30px);
    transition: all 0.4s ease;
}

.quiz-step.active {
    display: block;
    opacity: 1;
    transform: translateX(0);
}

.quiz-step.slide-out {
    transform: translateX(-30px);
    opacity: 0;
}

.quiz-questions {
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.quiz-question {
    background: #fff;
    border-radius: 16px;
    padding: 24px;
    border: 1px solid rgba(43, 73, 226, 0.1);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
}

.quiz-question-title {
    color: #0e1020;
    font-family: 'Gilroy', 'Gilroy-Medium', sans-serif;
    font-size: 20px;
    font-weight: 600;
    line-height: 130%;
    margin-bottom: 20px;
    letter-spacing: -0.02em;
}

.quiz-options {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.quiz-option {
    display: flex;
    align-items: center;
    cursor: pointer;
    padding: 12px 16px;
    border-radius: 12px;
    border: 2px solid transparent;
    transition: all 0.3s ease;
    background: #f8f9ff;
}

.quiz-option:hover {
    background: #e8ecff;
    border-color: rgba(43, 73, 226, 0.2);
}

.quiz-option input[type="radio"] {
    display: none;
}

.quiz-option input[type="checkbox"] {
    display: none;
}

.quiz-option input[type="radio"]:checked + .quiz-option-text {
    color: #2b49e2;
    font-weight: 600;
}

.quiz-option input[type="radio"]:checked ~ .quiz-option {
    background: #e8ecff;
    border-color: #2b49e2;
}

.quiz-option-text {
    color: #4e4f5c;
    font-family: 'Gilroy', 'Gilroy-Regular', sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 140%;
    transition: all 0.3s ease;
    width: 100%;
}

.quiz-option:has(input[type="radio"]:checked) {
    background: #e8ecff;
    border-color: #2b49e2;
}

.quiz-option.active {
    background: #e8ecff;
    border-color: #2b49e2;
}

.quiz-option.active .quiz-option-text {
    color: #2b49e2;
    font-weight: 600;
}

/* Примечание для множественного выбора */
.quiz-multiple-note {
    margin: -6px 0 12px 0;
    color: #6b7280;
    font-family: 'Gilroy', 'Gilroy-Regular', sans-serif;
    font-size: 13px;
    line-height: 140%;
}

.quiz-contact-info {
    background: #fff;
    border-radius: 16px;
    padding: 24px;
    border: 1px solid rgba(43, 73, 226, 0.1);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
}

.quiz-inputs {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.quiz-input-group {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.quiz-label {
    color: #0e1020;
    font-family: 'Gilroy', 'Gilroy-Medium', sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 140%;
}

.quiz-label span {
    color: #e74c3c;
}

.quiz-input {
    width: 100%;
    padding: 16px 20px;
    border: 2px solid rgba(43, 73, 226, 0.1);
    border-radius: 12px;
    background: #f8f9ff;
    color: #0e1020;
    font-family: 'Gilroy', 'Gilroy-Regular', sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 140%;
    transition: all 0.3s ease;
}

.quiz-input:focus {
    outline: none;
    border-color: #2b49e2;
    background: #fff;
    box-shadow: 0 0 0 4px rgba(43, 73, 226, 0.1);
}

.quiz-input::placeholder {
    color: #9ca3af;
}

/* Навигация между шагами */
.quiz-navigation {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 30px;
    gap: 16px;
}

.quiz-prev-btn,
.quiz-next-btn,
.quiz-submit-btn {
    padding: 16px 32px;
    border: none;
    border-radius: 12px;
    font-family: 'Gilroy', 'Gilroy-Medium', sans-serif;
    font-size: 16px;
    font-weight: 600;
    line-height: 140%;
    cursor: pointer;
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
    min-width: 140px;
}

.quiz-prev-btn {
    background: #f8f9ff;
    color: #4e4f5c;
    border: 2px solid rgba(43, 73, 226, 0.1);
}

.quiz-prev-btn:hover {
    background: #e8ecff;
    border-color: #2b49e2;
    color: #2b49e2;
}

.quiz-next-btn,
.quiz-submit-btn {
    background: #2b49e2;
    color: #fff;
}

.quiz-next-btn:hover,
.quiz-submit-btn:hover {
    background: #1e3bb3;
    transform: translateY(-2px);
    box-shadow: 0 8px 25px rgba(43, 73, 226, 0.3);
}

.quiz-next-btn:disabled,
.quiz-submit-btn:disabled {
    background: #e5e7eb;
    color: #9ca3af;
    cursor: not-allowed;
    transform: none;
    box-shadow: none;
}

.quiz-next-btn:disabled:hover,
.quiz-submit-btn:disabled:hover {
    background: #e5e7eb;
    transform: none;
    box-shadow: none;
}

.quiz-policy {
    color: #6b7280;
    font-family: 'Gilroy', 'Gilroy-Regular', sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 140%;
    text-align: center;
    margin-top: 16px;
}

.quiz-policy a {
    color: #2b49e2;
    text-decoration: none;
    font-weight: 500;
}

.quiz-policy a:hover {
    text-decoration: underline;
}

/* Стили для успешного сообщения */
.quiz-success {
    text-align: center;
    padding: 40px 20px;
}

.quiz-success-icon {
    margin-bottom: 24px;
}

.quiz-success-title {
    color: #0e1020;
    font-family: 'Gilroy', 'Gilroy-Bold', sans-serif;
    font-size: 28px;
    font-weight: 700;
    line-height: 120%;
    margin-bottom: 16px;
}

.quiz-success-text {
    color: #4e4f5c;
    font-family: 'Gilroy', 'Gilroy-Regular', sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 140%;
    margin-bottom: 12px;
}

.quiz-success-subtitle {
    color: #6b7280;
    font-family: 'Gilroy', 'Gilroy-Regular', sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 140%;
}

/* Адаптивность для мобильных устройств */
@media (max-width: 768px) {
    .quiz-form__title {
        font-size: 24px;
    }

    .quiz-form__subtitle {
        font-size: 14px;
        margin-bottom: 30px;
    }

    .quiz-progress {
        margin-bottom: 25px;
    }

    .quiz-progress-bar {
        height: 6px;
    }

    .quiz-progress-text {
        font-size: 13px;
    }

    .quiz-question {
        padding: 20px;
    }

    .quiz-question-title {
        font-size: 18px;
        margin-bottom: 16px;
    }

    .quiz-option {
        padding: 10px 14px;
    }

    .quiz-option-text {
        font-size: 15px;
    }

    .quiz-input {
        padding: 14px 16px;
        font-size: 15px;
    }

    .quiz-navigation {
        flex-direction: column;
        gap: 12px;
    }

    .quiz-prev-btn,
    .quiz-next-btn,
    .quiz-submit-btn {
        width: 100%;
        padding: 14px 24px;
        font-size: 15px;
        min-width: auto;
    }

    .quiz-policy {
        font-size: 13px;
    }

    .quiz-success-title {
        font-size: 24px;
    }

    .quiz-success-text {
        font-size: 15px;
    }

    .quiz-success-subtitle {
        font-size: 13px;
    }
}

@media (max-width: 480px) {
    .quiz-form__title {
        font-size: 20px;
    }

    .quiz-question {
        padding: 16px;
    }

    .quiz-question-title {
        font-size: 16px;
        margin-bottom: 14px;
    }

    .quiz-option {
        padding: 8px 12px;
    }

    .quiz-option-text {
        font-size: 14px;
    }

    .quiz-input {
        padding: 12px 14px;
        font-size: 14px;
    }

    .quiz-prev-btn,
    .quiz-next-btn,
    .quiz-submit-btn {
        padding: 12px 20px;
        font-size: 14px;
    }

    .quiz-success-title {
        font-size: 20px;
    }

    .quiz-success-text {
        font-size: 14px;
    }

    .quiz-success-subtitle {
        font-size: 12px;
    }
}

/* Стили для cf-form в quiz */
.quiz-step .cf-form {
    margin-top: 20px;
}

.quiz-step .cf-form .inputs-wrapper {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.quiz-step .cf-form .inputs-wrapper > div {
    margin-bottom: 0;
}

.quiz-step .cf-form .label-form {
    display: inline-block;
    color: #0e1020;
    font-family: 'Gilroy', 'Gilroy-Medium', sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 140%;
    margin-bottom: 5px;
}

.quiz-step .cf-form .label-form span {
    color: #ff5a4f;
    font-family: 'Gilroy', 'Gilroy-Medium', sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 140%;
}
.intl-tel-input {
    width: 100%;
}
.quiz-step .cf-form input,
.quiz-step .cf-form textarea {
    width: 100%;
    padding: 14px 18px;
    background: transparent;
    border-radius: 12px;
    border: 1px solid rgba(78, 79, 92, 0.5);
    font-family: 'Gilroy', 'Gilroy-Regular', sans-serif;
    font-size: 15px;
    font-style: normal;
    line-height: 19.6px;
    font-weight: 400;
    color: #0c0e21;
    transition: all 0.3s ease;
}

.quiz-step .cf-form input:focus,
.quiz-step .cf-form textarea:focus {
    outline: none;
    background: transparent;
    border-color: #2b49e2;
    box-shadow: 0 0 0 4px rgba(43, 73, 226, 0.1);
}

.quiz-step .cf-form input::placeholder,
.quiz-step .cf-form textarea::placeholder {
    font-family: 'Gilroy', 'Gilroy-Regular', sans-serif;
    font-size: 14px;
    font-style: normal;
    line-height: 19.6px;
    font-weight: 400;
    color: #4e4f5c;
}

.quiz-step .cf-form .form-policy {
    color: #4e4f5c;
    text-align: center;
    font-family: 'Gilroy', 'Gilroy-Regular', sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    max-width: 241px;
    margin: 6px auto 0;
}

.quiz-step .cf-form .form-policy a {
    font-family: 'Gilroy', 'Gilroy-Medium', sans-serif;
    font-weight: 500;
    text-decoration: underline;
    color: #2b49e2;
}
.form-policy {
    color: #020416;
}