*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #0A0A0A;--orange: #E07B1A;--orange-hover: #C96B10;--orange-active: #B35D0E;--text: #FFFFFF;--text-muted: #AAAAAA;--text-faint: #555555}html{font-size:16px}body{font-family:Outfit,system-ui,-apple-system,sans-serif;background:radial-gradient(ellipse at 50% 40%,#1a1a2e,#111118 68%);min-height:100dvh;color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{width:100%;min-height:100dvh}.progress-bar{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;gap:4px;padding:0;height:4px}.progress-seg{flex:1;height:4px;background:#ffffff1a;transition:background .4s ease,box-shadow .4s ease}.progress-seg.done{background:var(--orange);box-shadow:0 0 8px #e07b1a8c}.quiz-wrap{position:relative;z-index:1;min-height:100dvh;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:52px 24px 48px}.quiz-card{width:100%;max-width:560px;animation:stepEnter .35s ease-out both}@keyframes stepEnter{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.q-header{margin-bottom:12px}.q-label{font-size:11px;color:var(--text-muted);font-weight:600;letter-spacing:.06em;text-transform:uppercase}.q-title{font-size:28px;font-weight:800;letter-spacing:-.5px;color:#fff;line-height:1.35;margin-bottom:28px;text-shadow:0 0 40px rgba(255,255,255,.15)}.q-options{display:flex;flex-direction:column;gap:10px}.opt-btn{width:100%;padding:20px 24px;min-height:60px;background:#ffffff14;border:1.5px solid rgba(255,255,255,.2);border-radius:14px;display:flex;justify-content:space-between;align-items:center;gap:12px;cursor:pointer;text-align:left;font-family:Outfit,system-ui,sans-serif;font-size:15px;font-weight:400;color:#f0f0f0;line-height:1.4;transition:background .2s ease,border-color .2s ease,transform .15s ease;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.opt-btn:hover{background:#e07b1a1f;border-color:var(--orange)}.opt-btn:active:not(:disabled):not(.selected){background:#e07b1a1f;border-color:var(--orange);transform:scale(.985);transition:transform .07s ease}.opt-btn.selected{background:#e07b1a26;border-color:var(--orange);color:#f0f0f0;font-weight:500;transform:scale(.985)}.opt-btn:focus-visible{outline:2px solid var(--orange);outline-offset:2px}.opt-label{flex:1}.opt-arrow{flex-shrink:0;opacity:.2;color:var(--text-muted);transition:opacity .2s ease,color .2s ease}.opt-btn:hover .opt-arrow,.opt-btn:active .opt-arrow{opacity:.7;color:var(--orange)}.opt-btn.selected .opt-arrow{opacity:1;color:var(--orange)}.inp-field{margin-bottom:14px}.inp-label{display:block;font-size:13px;font-weight:500;color:var(--text-muted);margin-bottom:6px}.inp{width:100%;padding:14px 16px;min-height:52px;border:1.5px solid rgba(255,255,255,.18);border-radius:12px;font-family:Outfit,system-ui,sans-serif;font-size:16px;color:#fff;background:#ffffff1a;outline:none;transition:border-color .15s ease,box-shadow .15s ease;-webkit-appearance:none;touch-action:manipulation}.inp::placeholder{color:#ffffff52}.inp:focus{border-color:var(--orange);box-shadow:0 0 0 3px #e07b1a1f}.cta-btn{width:100%;padding:0 20px;min-height:58px;background:var(--orange);color:#fff;border:none;border-radius:14px;font-family:Outfit,system-ui,sans-serif;font-size:17px;font-weight:700;cursor:pointer;transition:background .15s ease,transform .1s ease,box-shadow .15s ease;letter-spacing:.01em;box-shadow:0 4px 24px #e07b1a66;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.cta-btn:hover:not(:disabled){background:var(--orange-hover);box-shadow:0 4px 28px #e07b1a73}.cta-btn:active:not(:disabled){background:var(--orange-active);transform:scale(.98);box-shadow:none}.cta-btn:disabled{background:#ffffff14;color:#ffffff38;cursor:not-allowed}.cta-btn:focus-visible{outline:2px solid var(--orange);outline-offset:3px}.lead-header{margin-bottom:28px}.lead-title{font-size:28px;font-weight:800;letter-spacing:-.5px;color:#fff;line-height:1.35;margin-bottom:10px;text-shadow:0 0 40px rgba(255,255,255,.15)}.lead-subtitle{font-size:14px;color:var(--text-muted);line-height:1.7}.lead-form{display:flex;flex-direction:column}.privacy-note{font-size:12px;color:var(--text-faint);text-align:center;margin-top:14px;display:flex;align-items:center;justify-content:center;gap:5px}.step-end{text-align:center}.end-icon{display:flex;align-items:center;justify-content:center;margin:0 auto 28px;animation:scaleIn .6s cubic-bezier(.34,1.56,.64,1) both}.end-icon-ring{width:88px;height:88px;border-radius:50%;background:#e07b1a1a;border:2px solid rgba(224,123,26,.35);display:flex;align-items:center;justify-content:center;color:var(--orange)}.end-icon-ring svg{animation:fadeSlideUp .3s ease both;animation-delay:.2s}.end-title{font-size:24px;font-weight:800;color:#fff;line-height:1.35;margin-bottom:8px;text-shadow:0 0 40px rgba(255,255,255,.15);animation:fadeSlideUp .35s ease both;animation-delay:.1s}.end-subtitle{font-size:15px;color:var(--orange);font-weight:600;margin-bottom:18px;animation:fadeSlideUp .35s ease both;animation-delay:.2s}.end-text{font-size:14px;color:var(--text-muted);line-height:1.75;margin-bottom:26px;animation:fadeSlideUp .35s ease both;animation-delay:.3s}.end-cta-box{background:#ffffff0f;border-radius:14px;padding:20px 22px;text-align:left;border:1px solid rgba(255,255,255,.1);animation:fadeSlideUp .35s ease both;animation-delay:.4s}.end-cta-label{font-size:11px;font-weight:700;color:var(--orange);text-transform:uppercase;letter-spacing:.07em;margin-bottom:8px}.end-cta-instruction{font-size:14px;color:#fff;line-height:1.6;font-weight:500;display:flex;align-items:flex-start;gap:8px}.end-cta-icon{color:var(--orange);flex-shrink:0;margin-top:1px}@media (hover: none){.opt-btn:hover{background:#ffffff14;border-color:#fff3}.opt-btn:hover .opt-arrow{opacity:.2;color:var(--text-muted)}.cta-btn:hover:not(:disabled){background:var(--orange);box-shadow:none}}@media (max-width: 560px){.quiz-wrap{min-height:100dvh;display:flex;flex-direction:column;justify-content:center;padding:44px 24px 40px;align-items:stretch}.quiz-card{max-width:100%}.q-title{font-size:26px;font-weight:800;letter-spacing:-.3px;margin-bottom:22px}.lead-title{font-size:26px;font-weight:800;letter-spacing:-.3px}.end-title{font-size:22px}.q-header{margin-bottom:10px}.end-icon-ring{width:76px;height:76px}}