.quiz-page{min-height:100vh;background:var(--black);padding-top:64px;position:relative}.quiz-page:before{content:"";position:fixed;inset:0;background-image:linear-gradient(rgba(255,255,255,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px);background-size:60px 60px;pointer-events:none;z-index:0}.quiz-page>*{position:relative;z-index:1}.quiz-header{background:var(--black);padding:28px 24px;position:relative}.quiz-header-inner{max-width:680px;margin:0 auto;display:flex;align-items:center;justify-content:space-between}.quiz-logo{font-family:var(--display);font-size:18px;letter-spacing:.06em;color:var(--white);text-decoration:none}.quiz-logo .r{color:var(--red)}.quiz-back{font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:#fff6;text-decoration:none;transition:color .2s}.quiz-back:hover{color:var(--white)}.quiz-progress-wrap{background:var(--black);padding:0 24px 20px;border-bottom:1px solid rgba(255,255,255,.06)}.quiz-progress-inner{max-width:680px;margin:0 auto}.quiz-progress-bar{height:2px;background:#ffffff14;border-radius:2px;overflow:hidden}.quiz-progress-fill{height:100%;background:var(--red);border-radius:2px;transition:width .5s cubic-bezier(.16,1,.3,1);width:0%}.quiz-progress-label{font-size:10px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:#ffffff4d;margin-top:10px;display:block}.quiz-main{max-width:680px;margin:0 auto;padding:56px 24px 80px}.quiz-step{display:none;animation:stepIn .45s cubic-bezier(.16,1,.3,1) both}.quiz-step.active{display:block}@keyframes stepIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}.quiz-step-num{font-size:10px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--red);margin-bottom:16px;display:flex;align-items:center;gap:8px}.quiz-step-num:before{content:"";width:20px;height:1.5px;background:var(--red)}.quiz-question{font-family:var(--display);font-size:clamp(36px,7vw,56px);line-height:.92;letter-spacing:.01em;color:var(--white);margin-bottom:12px}.quiz-subtext{font-size:15px;line-height:1.7;color:#ffffff73;margin-bottom:40px}.quiz-options{display:flex;flex-direction:column;gap:10px}.quiz-option{display:flex;align-items:center;gap:20px;padding:20px 24px;background:#ffffff0a;border:1.5px solid rgba(255,255,255,.08);cursor:pointer;transition:all .2s;position:relative;overflow:hidden}.quiz-option:after{content:"";position:absolute;left:0;top:0;bottom:0;width:0;background:var(--red);transition:width .3s cubic-bezier(.16,1,.3,1)}.quiz-option:hover{border-color:#ffffff40;transform:translate(4px);background:#ffffff12}.quiz-option:hover:after,.quiz-option.selected:after{width:3px}.quiz-option.selected{border-color:var(--red);background:#d42b2b1a}.quiz-option-letter{font-family:var(--display);font-size:20px;color:var(--rule);flex-shrink:0;width:28px;transition:color .2s;position:relative;z-index:1}.quiz-option:hover .quiz-option-letter,.quiz-option.selected .quiz-option-letter{color:var(--red)}.quiz-option-text{font-size:15px;font-weight:600;color:#ffffffd9;line-height:1.4;position:relative;z-index:1}.quiz-option-sub{font-size:12px;font-weight:400;color:#ffffff59;display:block;margin-top:2px}.quiz-form{display:flex;flex-direction:column;gap:0}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form-group{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.form-label{font-size:10px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:#ffffff59}.form-input{padding:16px 18px;background:#ffffff0d;border:1.5px solid rgba(255,255,255,.1);font-family:var(--body);font-size:15px;color:var(--white);transition:border-color .2s;outline:none;border-radius:0;-webkit-appearance:none}.form-input:focus{border-color:#ffffff59;background:#ffffff12}.form-input::placeholder{color:#fff3}.quiz-fine-print{font-size:11px;color:#ffffff40;line-height:1.6;margin-top:8px}.quiz-nav{display:flex;align-items:center;justify-content:space-between;margin-top:40px;gap:16px}.quiz-btn-next{display:inline-flex;align-items:center;gap:12px;background:var(--red);color:var(--white);font-family:var(--body);font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:18px 36px;border:none;cursor:pointer;transition:background .2s,transform .2s,box-shadow .2s}.quiz-btn-next:hover{background:#b82424;transform:translateY(-2px);box-shadow:0 8px 32px #d42b2b4d}.quiz-btn-next:disabled{opacity:.4;cursor:not-allowed;transform:none}.quiz-btn-back{font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#ffffff4d;background:none;border:none;cursor:pointer;padding:8px 0;transition:color .2s}.quiz-btn-back:hover{color:#ffffffb3}.quiz-trust{display:flex;align-items:center;justify-content:center;gap:28px;margin-top:48px;padding-top:32px;border-top:1px solid rgba(255,255,255,.06);flex-wrap:wrap}.trust-item{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#ffffff4d}.trust-dot{width:6px;height:6px;border-radius:50%;background:var(--red);flex-shrink:0}.quiz-success{display:none;text-align:center;padding:40px 0;animation:stepIn .5s cubic-bezier(.16,1,.3,1) both}.quiz-success.active{display:block}.success-icon{width:72px;height:72px;background:#d42b2b1a;border:2px solid var(--red);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 28px}.success-icon svg{width:28px;height:28px;stroke:var(--red);stroke-width:2.5;fill:none;stroke-linecap:round;stroke-linejoin:round}.success-headline{font-family:var(--display);font-size:clamp(40px,8vw,68px);line-height:.9;color:var(--white);margin-bottom:16px}.success-headline .r{color:var(--red)}.success-body{font-size:16px;line-height:1.75;color:#ffffff73;max-width:440px;margin:0 auto 36px}.success-back{display:inline-flex;align-items:center;gap:10px;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#ffffff80;text-decoration:none;transition:color .2s}.success-back:hover{color:var(--white)}body{background:var(--black)!important}.nav{background:transparent!important}@media (max-width: 600px){.form-row{grid-template-columns:1fr}.quiz-main{padding:40px 20px 60px}.quiz-question{font-size:clamp(32px,10vw,44px)}}
