.main .quiz{background: #FFFFFF;border-radius: 30px;margin: 0 50px;padding: 45px;box-shadow: 0 20px 50px rgba(30, 20, 80, 0.06)}.main .quiz .quiz-heading{font-size: 36px;font-weight: 700;color: #181B26;text-align: center}.main .quiz .quiz-heading span{color: #FF7A29;font-weight: 700}.main .quiz .quiz-step{display: none}.main .quiz .quiz-step.active{display: block}.main .quiz .quiz-step .quiz-question{display: flex;align-items: center;justify-content: center;gap: 18px;margin: 62px 0 58px}.main .quiz .quiz-step .quiz-question .quiz-number{background: #F1EFFF;color: #6A3DFF;font-size: 15px;font-weight: 700;border-radius: 10px;padding: 10px 12px}.main .quiz .quiz-step .quiz-question h3{font-size: 26px;font-weight: 700;color: #181B26}.main .quiz .quiz-step .quiz-options{display: flex;flex-wrap: wrap;justify-content: center;gap: 15px}.main .quiz .quiz-step .quiz-options-four .quiz-option{min-width: 45%}.main .quiz .quiz-step .quiz-options .quiz-option{display: flex;align-items: center;gap: 18px;flex: 1;min-width: 30%;max-width: 47%;box-sizing: border-box;border: 2px solid transparent;border-radius: 20px;padding: 15px;font-size: 20px;font-weight: 700;color: #181B26;transition: border-color 0.3s ease, transform 0.3s ease}.main .quiz .quiz-step .quiz-options .quiz-option:hover{transform: translateY(-2px)}.main .quiz .quiz-step .quiz-options .quiz-option img{width: 56px;height: 56px;object-fit: contain}.main .quiz .quiz-step .quiz-options .quiz-option span{font-weight: 700}.main .quiz .quiz-step .quiz-options .quiz-option .quiz-check{width: 28px;height: 28px;border-radius: 8px;margin-left: auto}.main .quiz .quiz-step .quiz-options .quiz-option:nth-child(1){background: #FFF1E8}.main .quiz .quiz-step .quiz-options .quiz-option:nth-child(2){background: #F1EFFF}.main .quiz .quiz-step .quiz-options .quiz-option:nth-child(3){background: #FFEFF6}.main .quiz .quiz-step .quiz-options .quiz-option:nth-child(1).selected{border-color: #FF9B57}.main .quiz .quiz-step .quiz-options .quiz-option:nth-child(2).selected{border-color: #6A3DFF}.main .quiz .quiz-step .quiz-options .quiz-option:nth-child(3).selected{border-color: #F5459C}.main .quiz .quiz-step .quiz-options .quiz-option:nth-child(4){background: #FBEFFF}.main .quiz .quiz-step .quiz-options .quiz-option:nth-child(4).selected{border-color: #DF42E3}.main .quiz .quiz-step .quiz-options .quiz-option.selected .quiz-check{border-color: transparent}.main .quiz .quiz-step .quiz-options .quiz-option:nth-child(1).selected .quiz-check{background: #FF6B35}.main .quiz .quiz-step .quiz-options .quiz-option:nth-child(2).selected .quiz-check{background: #6A3DFF}.main .quiz .quiz-step .quiz-options .quiz-option:nth-child(3).selected .quiz-check{background: #F5459C}.main .quiz .quiz-step .quiz-options .quiz-option:nth-child(4).selected .quiz-check{background: #DF42E3}.main .quiz .quiz-step .quiz-options .quiz-option.selected .quiz-check::after{content: '';position: absolute;left: 11px;top: 6px;width: 4px;height: 11px;border-right: 3px solid #FFFFFF;border-bottom: 3px solid #FFFFFF;transform: rotate(45deg)}.main .quiz .quiz-step .quiz-next{display: flex;align-items: center;gap: 10px;margin: 58px auto 0;background: linear-gradient(90deg, #FF7A59 0%, #DF42E3 100%);color: #FFFFFF;border: none;border-radius: 14px;padding: 15px 30px;font-size: 16px;font-weight: 600;transition: opacity 0.3s ease}.main .quiz .quiz-step .quiz-next:hover{opacity: 0.9}.main .quiz .quiz-step .quiz-next img{width: 22px;height: auto}.main .quiz .quiz-progress{display: flex;align-items: center;justify-content: center;margin-top: 35px}.main .quiz .quiz-progress .quiz-progress-step{width: 48px;height: 48px;background: url('../images/heart-progress.svg') no-repeat center / contain;color: #FFFFFF;font-size: 12px;font-weight: 700;display: flex;align-items: center;justify-content: center;padding-bottom: 4px;box-sizing: border-box;flex-shrink: 0;position: relative;z-index: 1;margin-right: -14px}.main .quiz .quiz-progress .quiz-progress-bar{width: 190px;height: 18px;background: #E7E3F6;border-radius: 12px;overflow: hidden}.main .quiz .quiz-progress .quiz-progress-bar span{display: block;height: 100%;width: 25%;background: linear-gradient(90deg, #6A3DFF 0%, #8F6BFF 100%);border-radius: 12px;transition: width 0.4s ease}.main .quiz .quiz-step .quiz-question .quiz-result-name{color: #6A3DFF;font-weight: 700}.main .quiz .quiz-result-card{display: flex;align-items: center;gap: 40px;background: #FAF8FF;border-radius: 24px;padding: 35px;max-width: 1000px;margin: 0 auto}.main .quiz .quiz-result-card .quiz-result-photo{width: 380px;height: 280px;object-fit: cover;border-radius: 16px;flex-shrink: 0}.main .quiz .quiz-result-card .quiz-result-info .quiz-result-title{font-size: 26px;font-weight: 700;color: #181B26}.main .quiz .quiz-result-card .quiz-result-info .quiz-result-format{font-size: 15px;color: #8A8FA3;margin: 10px 0 20px}.main .quiz .quiz-result-card .quiz-result-info .quiz-result-advantages{list-style: none;display: flex;flex-direction: column;gap: 10px;margin-bottom: 25px}.main .quiz .quiz-result-card .quiz-result-info .quiz-result-advantages li{position: relative;padding-left: 26px;font-size: 15px;color: #4A4E5F}.main .quiz .quiz-result-card .quiz-result-info .quiz-result-advantages li::before{content: '★';position: absolute;left: 0;color: #FF7A29}.main .quiz .quiz-modal .modal-window{max-width: 560px;padding: 35px}.main .quiz .quiz-modal .quiz-result-heading{font-size: 22px;font-weight: 700;color: #181B26;text-align: center;padding: 0 40px;margin-bottom: 25px}.main .quiz .quiz-modal .quiz-result-heading .quiz-result-name{color: #6A3DFF}.main .quiz .quiz-modal .quiz-result-card{flex-direction: column;align-items: stretch;gap: 22px;padding: 25px}.main .quiz .quiz-modal .quiz-result-card .quiz-result-photo{width: 100%;height: 200px}.main .quiz .quiz-modal .quiz-result-card .quiz-result-info .quiz-result-title{font-size: 22px}.main .quiz .quiz-modal .quiz-result-card .quiz-result-info .btn-gradient{display: flex;width: 100%;box-sizing: border-box}@media (max-width: 1600px){.main .quiz{margin: 0 40px}}@media (max-width: 1400px){.main .quiz{margin: 0 30px;padding: 40px 30px}.main .quiz .quiz-heading{font-size: 30px}.main .quiz .quiz-step .quiz-question{margin: 45px 0 40px}.main .quiz .quiz-step .quiz-question h3{font-size: 23px}.main .quiz .quiz-step .quiz-options .quiz-option{gap: 14px;font-size: 18px}.main .quiz .quiz-step .quiz-options .quiz-option img{width: 48px;height: 48px}.main .quiz .quiz-step .quiz-next{margin-top: 45px}.main .quiz .quiz-result-card{gap: 30px;padding: 28px}.main .quiz .quiz-result-card .quiz-result-photo{width: 320px;height: 240px}.main .quiz .quiz-result-card .quiz-result-info .quiz-result-title{font-size: 23px}}@media (max-width: 1200px){.main .quiz{margin: 0 25px;padding: 35px 25px}.main .quiz .quiz-heading{font-size: 26px}.main .quiz .quiz-step .quiz-options .quiz-option{font-size: 16px;padding: 12px}.main .quiz .quiz-step .quiz-options .quiz-option img{width: 42px;height: 42px}.main .quiz .quiz-result-card .quiz-result-photo{width: 280px;height: 210px}}@media (max-width: 1024px){.main .quiz{margin: 0 30px;padding: 35px 25px;border-radius: 28px}.main .quiz .quiz-heading{font-size: 22px}.main .quiz .quiz-step .quiz-question{flex-direction: column;gap: 14px;margin: 30px 0 25px}.main .quiz .quiz-step .quiz-question h3{font-size: 20px;text-align: center}.main .quiz .quiz-step .quiz-options{flex-direction: column;gap: 12px}.main .quiz .quiz-step .quiz-options .quiz-option{min-width: 0;max-width: none;gap: 15px;padding: 12px;font-size: 17px}.main .quiz .quiz-step .quiz-options .quiz-option img{width: 46px;height: 46px}.main .quiz .quiz-step .quiz-options .quiz-option span:not(.quiz-check){flex: 1;text-align: center}.main .quiz .quiz-step .quiz-next{width: 100%;justify-content: center;margin-top: 30px}.main .quiz .quiz-progress{margin-top: 25px}.main .quiz .quiz-result-card{flex-direction: column;align-items: stretch;gap: 20px;padding: 20px}.main .quiz .quiz-result-card .quiz-result-photo{width: 100%;height: 220px}.main .quiz .quiz-result-card .quiz-result-info .quiz-result-title{font-size: 20px}}@media (max-width: 768px){.main .quiz{margin: 0 20px;padding: 30px 20px}}@media (max-width: 600px){.main .quiz .quiz-modal .modal-window{padding: 30px 20px}.main .quiz .quiz-modal .quiz-result-heading{font-size: 19px;padding: 0 25px}.main .quiz .quiz-modal .quiz-result-card{padding: 18px}.main .quiz .quiz-modal .quiz-result-card .quiz-result-photo{height: 170px}.main .quiz{margin: 0 15px;padding: 25px 15px;border-radius: 24px}.main .quiz .quiz-heading{font-size: 20px}.main .quiz .quiz-step .quiz-question h3{font-size: 18px}.main .quiz .quiz-step .quiz-options .quiz-option{font-size: 16px}.main .quiz .quiz-step .quiz-options .quiz-option img{width: 40px;height: 40px}.main .quiz .quiz-progress .quiz-progress-bar{width: 150px}}