.krf-quiz {
    min-height: 1006rem;
    padding: 78rem 0 96rem;
    background: var(--krf-quiz-background, #f3f6fc);
    font-family: Montserrat, Arial, Helvetica, sans-serif;
    color: #333;
}
.krf-quiz__heading { width: 900rem; max-width: calc(100% - 40rem); margin: 0 auto; text-align: center; }
.krf-quiz__title { margin: 0; font-size: 48rem; line-height: 1.2; font-weight: 700; }
.krf-quiz__subtitle { width: 736rem; max-width: 100%; margin: 20rem auto 0; color: #4b5563; font-size: 24rem; line-height: 28rem; font-weight: 400; }
.krf-quiz__body { width: 1502rem; max-width: calc(100% - 40rem); margin: 36rem auto 0; display: grid; grid-template-columns: 411rem minmax(0, 1071rem); gap: 18rem; align-items: stretch; }
.krf-quiz__expert { position: relative; height: 655rem; overflow: hidden; border-radius: 30rem; background: #fff; }
.krf-quiz__expert-bg { position: absolute; inset: 0; }
.krf-quiz__expert-bg-image { width: 100%; height: 100%; object-fit: cover; }
.krf-quiz__expert-copy { position: absolute; z-index: 2; left: 30rem; top: 34rem; width: 361rem; color: #333; font-size: 22rem; line-height: 1.12; font-weight: 400; }
.krf-quiz__expert-copy strong { font-weight: 700; }
.krf-quiz__expert-person { position: absolute; z-index: 1; left: 16rem; top: 177rem; width: 380rem; height: 478rem; }
.krf-quiz__expert-person-image { width: 100%; height: 100%; object-fit: contain; object-position: center bottom; }
.krf-quiz__expert-note { position: absolute; z-index: 3; left: 18rem; bottom: 15rem; width: 307rem; min-height: 95rem; padding: 17rem 14rem 14rem 18rem; display: grid; grid-template-columns: 47rem 1fr; gap: 15rem; align-items: center; border-radius: 19rem; background: #f9fafb; }
.krf-quiz__expert-note-icon { width: 47rem; height: 47rem; display: grid; place-items: center; border-radius: 50%; background: #dbeafe; }
.krf-quiz__expert-note-icon img { width: 20rem; height: 19rem; }
.krf-quiz__expert-note > div strong, .krf-quiz__expert-note > div span { display: block; }
.krf-quiz__expert-note-icon { display:grid; place-items:center; align-self:center; }
.krf-quiz__expert-note strong { font-size: 18.75rem; line-height: 28rem; font-weight: 500; }
.krf-quiz__expert-note span { color: #4b5563; font-size: 16.4rem; line-height: 23.4rem; }
.krf-quiz__panel { min-width: 0; height: 655rem; padding: 49rem 47rem 37rem 42rem; overflow: hidden; border-radius: 30rem; background: #fff; }
.krf-quiz__step { position: relative; height: 100%; display: flex; flex-direction: column; }
.krf-quiz__step[hidden] { display: none !important; }
.krf-quiz__progress-meta { display: flex; align-items: center; justify-content: space-between; gap: 20rem; font-size: 16rem; line-height: 20rem; font-weight: 500; }
.krf-quiz__progress { position: relative; width: 100%; height: 13rem; margin-top: 13rem; overflow: hidden; border-radius: 100rem; background: #eaf0f6; }
.krf-quiz__progress > span { display: block; height: 100%; min-width: 18rem; border-radius: inherit; background-color: #2296fc; background-image: repeating-linear-gradient(-45deg, rgba(255,255,255,.42) 0 6rem, transparent 6rem 12rem); background-size:17rem 17rem; animation:krf-quiz-stripes .7s linear infinite; transition: width .45s ease; }
@keyframes krf-quiz-stripes { from { background-position:0 0; } to { background-position:17rem 0; } }
.krf-quiz__step.is-entering .krf-quiz__question h3 { animation:krf-quiz-title-in .42s ease both; }
.krf-quiz__step.is-entering .krf-quiz__answer { animation:krf-quiz-answer-in .46s ease both; }
.krf-quiz__step.is-entering .krf-quiz__answer:nth-child(2){animation-delay:.04s}.krf-quiz__step.is-entering .krf-quiz__answer:nth-child(3){animation-delay:.08s}.krf-quiz__step.is-entering .krf-quiz__answer:nth-child(4){animation-delay:.12s}.krf-quiz__step.is-entering .krf-quiz__answer:nth-child(5){animation-delay:.16s}.krf-quiz__step.is-entering .krf-quiz__answer:nth-child(6){animation-delay:.20s}
@keyframes krf-quiz-title-in { from{opacity:0;transform:translateY(10rem)} to{opacity:1;transform:none} }
@keyframes krf-quiz-answer-in { from{opacity:0;transform:translateY(14rem) scale(.985)} to{opacity:1;transform:none} }
.krf-quiz__question { margin-top: 34rem; }
.krf-quiz__question h3 { width: 845rem; max-width: 100%; margin: 0; font-size: 30rem; line-height: 1.08; font-weight: 700; }
.krf-quiz__answers { margin-top: 31rem; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12rem; }
.krf-quiz__answer { position: relative; min-width: 0; height: 244rem; padding: 10rem; overflow: hidden; border-radius: 10rem; background: #f6f6f6; cursor: pointer; }
.krf-quiz__answer input { position: absolute; width: 1px; height: 1px; opacity: 0; pointer-events: none; }
.krf-quiz__answer-media { position: relative; display: block; width: 100%; height: 224rem; overflow: hidden; border-radius: 10rem; background: #e8ebef; }
.krf-quiz__answer-media::after { content: ""; position: absolute; inset: 0; background: linear-gradient(to bottom, rgba(0,0,0,0) 42%, rgba(0,0,0,.58) 100%); pointer-events: none; }
.krf-quiz__answer-image { width: 100%; height: 100%; object-fit: cover; }
.krf-quiz__answer-placeholder { display: block; width: 100%; height: 100%; background: #dfe4eb; }
.krf-quiz__answer-radio { position: absolute; z-index: 3; left: 19rem; top: 18rem; width: 32rem; height: 32rem; border: 1rem solid rgba(0,0,0,.06); border-radius: 50%; background: #fff; box-shadow: 0 1rem 2rem rgba(0,0,0,.08); }
.krf-quiz__answer-radio::after { content: ""; position: absolute; left: 8rem; top: 8rem; width: 16rem; height: 16rem; border-radius: 50%; background: #2563eb; transform: scale(0); transition: transform .16s ease; }
.krf-quiz__answer input:checked + .krf-quiz__answer-radio::after { transform: scale(1); }
.krf-quiz__answer.is-selected { outline: 2rem solid rgba(37,99,235,.18); outline-offset: -2rem; }
.krf-quiz__answer-title { position: absolute; z-index: 2; left: 31rem; right: 24rem; bottom: 22rem; color: #fff; font-size: 20rem; line-height: 28rem; font-weight: 700; }
.krf-quiz__footer { margin-top: auto; display: flex; align-items: center; justify-content: space-between; gap: 20rem; }
.krf-quiz__hint { display: flex; align-items: center; gap: 18rem; color: #333; font-size: 16rem; line-height: 20rem; }
.krf-quiz__hint-icon { width: 56rem; height: 56rem; display: grid; place-items: center; border-radius: 50%; background: #eff6ff; color: #2563eb; font-size: 28rem; line-height: 1; }
.krf-quiz__hint strong { font-weight: 800; }
.krf-quiz__nav { display: flex; align-items: center; gap: 12rem; margin-left: auto; }
.krf-quiz__next, .krf-quiz__submit { width: 179rem; height: 64rem; padding: 0 25rem; border: 0; border-radius: 10rem; background: #2563eb; color: #fff; cursor: pointer; font-size: 20.6rem; line-height: 30.9rem; font-weight: 500; display: inline-flex; align-items: center; justify-content: center; gap: 26rem; transition: background .18s ease, transform .18s ease; }
.krf-quiz__next:hover, .krf-quiz__submit:hover { background: #1758d6; }
.krf-quiz__next:active, .krf-quiz__submit:active { transform: translateY(1rem); }
.krf-quiz__next span { font-size: 27rem; line-height: 1; font-weight: 300; }
.krf-quiz__back { min-width: 78rem; height: 44rem; padding: 0 10rem; border: 0; background: transparent; color: #4b5563; cursor: pointer; font-size: 15rem; text-decoration: underline; text-underline-offset: 3rem; }
.krf-quiz__message { min-height: 19rem; margin-top: 6rem; color: #d12b2b; font-size: 13rem; line-height: 19rem; text-align: right; }
.krf-quiz__step--form .krf-quiz__progress { margin-bottom: 0; }
.krf-quiz__form-wrap { width: 720rem; max-width: 100%; margin: auto; }
.krf-quiz__form-wrap h3 { margin: 0; font-size: 34rem; line-height: 1.15; font-weight: 700; }
.krf-quiz__form-wrap > p { width: 650rem; max-width: 100%; margin: 16rem 0 28rem; color: #4b5563; font-size: 18rem; line-height: 1.45; }
.krf-quiz__form { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18rem 16rem; }
.krf-quiz__form > label:not(.krf-quiz__consent) { display: grid; gap: 8rem; font-size: 15rem; font-weight: 500; }
.krf-quiz__form input[type="text"], .krf-quiz__form input[type="tel"] { width: 100%; height: 54rem; padding: 0 16rem; border: 1px solid #d9e0e9; border-radius: 10rem; outline: none; background: #fff; color: #333; font-size: 16rem; }
.krf-quiz__form input[type="text"]:focus, .krf-quiz__form input[type="tel"]:focus { border-color: #2563eb; box-shadow: 0 0 0 3rem rgba(37,99,235,.10); }
.krf-quiz__consent { grid-column: 1 / -1; display: flex; align-items: flex-start; gap: 10rem; color: #4b5563; font-size: 13rem; line-height: 18rem; cursor: pointer; }
.krf-quiz__consent input { margin: 2rem 0 0; width: 16rem; height: 16rem; flex: 0 0 16rem; }
.krf-quiz__form-actions { grid-column: 1 / -1; display: flex; justify-content: flex-end; align-items: center; gap: 16rem; margin-top: 8rem; }
.krf-quiz__form-status { grid-column: 1 / -1; min-height: 22rem; color: #167444; font-size: 14rem; line-height: 20rem; text-align: right; }
.krf-quiz__step.is-shaking { animation: krf-quiz-shake .24s linear 1; }
@keyframes krf-quiz-shake { 0%,100%{transform:translateX(0)} 30%{transform:translateX(-4rem)} 70%{transform:translateX(4rem)} }
@media (prefers-reduced-motion: reduce) { .krf-quiz__progress > span,.krf-quiz__step.is-entering .krf-quiz__question h3,.krf-quiz__step.is-entering .krf-quiz__answer{animation:none!important;transition:none!important;} }

@media (max-width: 767px) {
    .krf-quiz { min-height: 964rem; padding: 48rem 0 0; }
    .krf-quiz__heading { width: 440rem; max-width: calc(100% - 40rem); }
    .krf-quiz__title { font-size: 28rem; line-height: 1.2; }
    .krf-quiz__subtitle { width: 440rem; margin-top: 24rem; font-size: 24rem; line-height: 28rem; }
    .krf-quiz__body { width: 100%; max-width: none; margin-top: 29rem; display: block; }
    .krf-quiz__expert { display: none; }
    .krf-quiz__panel { width: 100%; height: auto; min-height: 711rem; padding: 49rem 20rem 55rem; border-radius: 30rem 30rem 0 0; overflow: visible; }
    .krf-quiz__step { min-height: 607rem; }
    .krf-quiz__progress-meta { font-size: 16rem; line-height: 20rem; }
    .krf-quiz__progress-percent { display: none; }
    .krf-quiz__progress { width: 440rem; max-width: 100%; margin-top: 13rem; }
    .krf-quiz__question { margin-top: 20rem; }
    .krf-quiz__question h3 { width: 440rem; font-size: 20rem; line-height: 1.18; }
    .krf-quiz__answers { margin-top: 32rem; display: flex; flex-wrap: wrap; align-items: flex-start; gap: 12rem; }
    .krf-quiz__answer { width: 200rem; height: 182rem; padding: 10rem; flex: 0 0 200rem; }
    .krf-quiz__answer-media { height: 162rem; }
    .krf-quiz__answer-media::after { background: linear-gradient(to bottom, rgba(0,0,0,0) 24%, rgba(0,0,0,.6) 100%); }
    .krf-quiz__answer-title { left: 31rem; right: 20rem; bottom: 20rem; font-size: 16rem; line-height: 1.15; }
    .krf-quiz__footer { margin-top: 20rem; display: block; }
    .krf-quiz__hint { display: none; }
    .krf-quiz__nav { justify-content: center; gap: 8rem; }
    .krf-quiz__next { width: 179rem; height: 64rem; }
    .krf-quiz__back { position: absolute; left: 20rem; bottom: 58rem; }
    .krf-quiz__message { min-height: 18rem; margin-top: 8rem; text-align: center; }
    .krf-quiz__step--form { min-height: 607rem; }
    .krf-quiz__form-wrap { width: 440rem; margin: 58rem 0 0; }
    .krf-quiz__form-wrap h3 { font-size: 28rem; line-height: 1.15; }
    .krf-quiz__form-wrap > p { margin: 14rem 0 24rem; font-size: 16rem; line-height: 1.45; }
    .krf-quiz__form { display: grid; grid-template-columns: 1fr; gap: 16rem; }
    .krf-quiz__consent, .krf-quiz__form-actions, .krf-quiz__form-status { grid-column: 1; }
    .krf-quiz__form-actions { justify-content: center; padding-top: 8rem; }
    .krf-quiz__form-actions .krf-quiz__back { position: static; }
    .krf-quiz__submit { width: 220rem; }
    .krf-quiz__form-status { text-align: center; }
}

.krf-form-missing{padding:18rem 20rem;border:1rem dashed rgba(255,255,255,.55);border-radius:10rem;color:#fff;font-size:14rem;line-height:1.4}

.krf-quiz__cf7,.krf-quiz__cf7>.wpcf7{width:100%}.krf-quiz__form .wpcf7-form-control-wrap{display:block}.krf-quiz__consent{display:block}.krf-quiz__consent .wpcf7-list-item{margin:0}.krf-quiz__consent label{display:flex;align-items:flex-start;gap:10rem}.krf-quiz__consent input[type=checkbox]{width:16rem;height:16rem;margin:2rem 0 0;flex:0 0 16rem}.krf-quiz__consent .wpcf7-list-item-label{color:#4b5563;font-size:13rem;line-height:18rem}.krf-quiz__form .wpcf7-spinner{align-self:center}.krf-quiz__cf7 .wpcf7-response-output{margin:0!important;padding:6rem 10rem!important;border-width:1rem!important;font-size:14rem;line-height:20rem}.krf-quiz__cf7 .wpcf7-not-valid-tip{margin-top:4rem;font-size:12rem;line-height:16rem}