/* Визуальные сцены для шагов квиза: общий стиль без фоновых фотографий. */
.question,.form-screen,.result{isolation:isolate;overflow:hidden}
.question::before,.form-screen::before,.result::before{content:"";position:absolute;z-index:-1;border-radius:50%;filter:blur(2px);pointer-events:none}
.question{background:linear-gradient(145deg,#faf7ff 0%,#f0e4fb 53%,#fff 100%)}
.question::before{width:350px;height:350px;right:-200px;top:-105px;background:radial-gradient(circle,#BD6CF070 0%,#BD6CF000 70%)}
.question::after{content:"";position:absolute;z-index:-1;width:130px;height:130px;left:-65px;bottom:45px;border:25px solid #9850E21a;border-radius:50%;pointer-events:none}
.question .progress{height:9px;padding:2px;background:#fff8;box-shadow:inset 0 0 0 1px #9850e219}
.question .progress span{background:linear-gradient(90deg,#9850E2,#BD6CF0);box-shadow:0 2px 6px #9850e255}
.question .progress__label{align-self:flex-end;background:#fff9;border:1px solid #9850e21c;border-radius:99px;padding:3px 9px;font-size:12px;color:#7947a8}
.question .back{width:max-content;margin-top:8px;padding:8px 12px;border-radius:99px;background:#fff9;border:1px solid #9850e21c;font-size:13px}
.question h2{max-width:460px;text-wrap:balance}
.question .answers{gap:10px}
.question .answers button{position:relative;overflow:hidden;border-color:#fff;background:linear-gradient(110deg,#fffefaeb,#fbf7ffeb);box-shadow:0 10px 25px #73459412;padding:17px 48px 17px 17px}
.question .answers button::after{content:"→";position:absolute;right:17px;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:23px;height:23px;border-radius:50%;background:#f0e5fb;color:#9850E2;font-weight:bold;transition:.18s}
.question .answers button:hover,.question .answers button:focus{transform:translateY(-2px);border-color:#c890f5;background:#fff;box-shadow:0 13px 26px #9850e225}
.question .answers button:hover::after,.question .answers button:focus::after{background:#9850E2;color:#fff}
.form-screen{background:linear-gradient(145deg,#f9f4ff 0%,#eadcf9 100%)}
.form-screen::before{width:400px;height:400px;left:-250px;bottom:-230px;background:radial-gradient(circle,#9850E25c 0%,#9850E200 70%)}
.form-screen::after{content:"";position:absolute;z-index:-1;width:190px;height:190px;right:-95px;top:35px;border:28px solid #fff7;border-radius:50%;pointer-events:none}
.form-screen h2{max-width:470px}
.form-screen form{padding:19px;border:1px solid #fff;background:#fffc;box-shadow:0 18px 40px #75448c1a;border-radius:22px;backdrop-filter:blur(7px)}
.form-screen form .button--primary{display:block;margin:8px auto 0}
.form-screen input:not([type=checkbox]){border-color:#e9d9f7;background:#fff}
.form-screen input:not([type=checkbox]):focus{outline:2px solid #BD6CF066;border-color:#9850E2}
.form-screen .award{position:relative;margin:17px auto 0;max-width:360px;padding:8px 12px;border-radius:99px;background:#fff9}
.result{background:linear-gradient(150deg,#fbf8ff 0%,#ecdafb 56%,#fff 100%)}
.result::before{width:380px;height:380px;left:-185px;top:-170px;background:radial-gradient(circle,#BD6CF066 0%,#BD6CF000 70%)}
.result::after{content:"";position:absolute;z-index:-1;right:-30px;bottom:50px;width:155px;height:155px;border-radius:38px;transform:rotate(18deg);background:#9850E20d;pointer-events:none}
.result__check{background:linear-gradient(145deg,#9850E2,#BD6CF0);box-shadow:0 10px 22px #9850e23b}
.result__text{position:relative;max-width:470px;margin-left:auto;margin-right:auto;padding:16px;border-radius:18px;background:#fff9;box-shadow:0 12px 30px #70458b12}
.result .contact-card{position:relative;background:#fffd;border-color:#fff;box-shadow:0 15px 32px #70458b14}
@media(max-width:620px){.question .answers button{padding:15px 43px 15px 15px}.question h2{margin-top:19px}.form-screen form{padding:15px}.result__text{font-size:16px;padding:13px}.result .contact-card{margin-top:16px}}