:root{--bg-0: #0b0f1a;--bg-1: #111624;--bg-2: #1a2033;--surface: #151a2a;--surface-2: #1d2336;--border: #2a3150;--text: #e8ebf5;--text-muted: #9aa3bd;--primary: #7c5cff;--primary-700: #6244e6;--accent: #22d3ee;--success: #22c55e;--warn: #f59e0b;--danger: #ef4444;--radius: 14px;--shadow-lg: 0 24px 60px -12px rgba(0,0,0,.6), 0 8px 24px -8px rgba(0,0,0,.4);--shadow-md: 0 10px 30px -10px rgba(0,0,0,.4)}*{box-sizing:border-box}html,body{margin:0;padding:0;min-height:100%;background:radial-gradient(1200px 600px at 10% -10%,rgba(124,92,255,.18),transparent 60%),radial-gradient(900px 500px at 110% 10%,rgba(34,211,238,.12),transparent 60%),var(--bg-0);color:var(--text);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px;line-height:1.55}#root{min-height:100vh;display:flex;flex-direction:column}.app{min-height:100vh;display:grid;grid-template-rows:auto 1fr auto}.topbar{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:14px 28px;background:#0b0f1ac7;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border)}.brand{display:flex;align-items:center;gap:12px}.brand strong{font-size:17px;letter-spacing:.2px}.brand-sub{display:block;font-size:11px;color:var(--text-muted);text-transform:uppercase;letter-spacing:1.2px}.brand-mark{width:34px;height:34px;border-radius:10px;background:linear-gradient(135deg,var(--primary),var(--accent));box-shadow:0 6px 20px -6px #7c5cffb3}.topbar-progress{flex:1;max-width:560px}.main{padding:40px 20px 60px;display:flex;justify-content:center;align-items:flex-start}.footer{padding:20px 28px;border-top:1px solid var(--border);color:var(--text-muted);font-size:12px;display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap}.progress-wrap{display:flex;flex-direction:column;gap:6px}.progress-track{height:8px;background:var(--bg-2);border-radius:999px;overflow:hidden;border:1px solid var(--border)}.progress-fill{height:100%;background:linear-gradient(90deg,var(--primary),var(--accent));transition:width .4s cubic-bezier(.2,.8,.2,1)}.progress-meta{display:flex;justify-content:space-between;font-size:12px;color:var(--text-muted);letter-spacing:.4px}.card{width:100%;max-width:780px;background:linear-gradient(180deg,var(--surface),var(--surface-2));border:1px solid var(--border);border-radius:var(--radius);padding:36px;box-shadow:var(--shadow-lg);animation:rise .35s ease}@keyframes rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.q-meta{display:flex;gap:8px;margin-bottom:18px;flex-wrap:wrap}.chip{font-size:11.5px;letter-spacing:.8px;padding:5px 10px;border-radius:999px;text-transform:uppercase;font-weight:600;border:1px solid transparent}.chip-logic{background:#7c5cff26;color:#c5b8ff;border-color:#7c5cff66}.chip-behavior{background:#22d3ee21;color:#b6ecf6;border-color:#22d3ee59}.chip-muted{background:var(--bg-2);color:var(--text-muted);border-color:var(--border)}.q-prompt{font-size:22px;line-height:1.4;margin:0 0 24px;font-weight:600}.q-options{display:flex;flex-direction:column;gap:10px;margin-bottom:28px}.option{display:flex;align-items:center;gap:14px;width:100%;text-align:left;padding:18px 22px;background:var(--bg-2);border:2px solid var(--border);border-radius:12px;color:var(--text);font-size:16px;cursor:pointer;transition:all .18s ease;font-family:inherit}.option:hover{background:var(--surface-2);border-color:var(--primary);transform:translate(2px)}.option:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.option-selected{background:#7c5cff26;border-color:var(--primary);box-shadow:0 0 0 3px #7c5cff2e}.option-bullet{font-size:20px;color:var(--primary);width:20px;display:inline-block}.q-actions{display:flex;gap:12px;justify-content:space-between}.btn{font-family:inherit;font-weight:600;border-radius:12px;border:2px solid transparent;cursor:pointer;transition:all .18s ease;display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-lg{padding:14px 22px;font-size:15px;min-height:50px}.btn-xl{padding:18px 28px;font-size:16px;min-height:58px;width:100%}.btn-primary{background:linear-gradient(135deg,var(--primary),var(--primary-700));color:#fff;box-shadow:0 10px 24px -8px #7c5cff99}.btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 14px 32px -8px #7c5cffbf}.btn-ghost{background:transparent;color:var(--text);border-color:var(--border)}.btn-ghost:hover:not(:disabled){background:var(--bg-2);border-color:var(--primary)}.btn-link{background:transparent;border:none;color:var(--text-muted);padding:8px 0;font-size:13px;text-decoration:underline;cursor:pointer;font-family:inherit}.btn-link:hover{color:var(--text)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#050810b8;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:20px;z-index:50;animation:fade .25s ease}@keyframes fade{0%{opacity:0}to{opacity:1}}.modal{position:relative;background:linear-gradient(180deg,var(--surface),var(--surface-2));border:1px solid var(--border);border-radius:18px;padding:36px;max-width:520px;width:100%;box-shadow:var(--shadow-lg);animation:rise .3s ease}.modal-wide{max-width:560px}.modal-close{position:absolute;top:14px;right:14px;background:var(--bg-2);border:1px solid var(--border);color:var(--text-muted);width:34px;height:34px;border-radius:10px;cursor:pointer;font-size:20px;line-height:1}.modal-close:hover{color:var(--text)}.modal h2{margin:0 0 10px;font-size:22px}.modal-icon{width:52px;height:52px;border-radius:14px;background:linear-gradient(135deg,var(--warn),var(--primary));color:#fff;font-size:28px;font-weight:700;display:flex;align-items:center;justify-content:center;margin-bottom:18px;box-shadow:0 10px 24px -8px #f59e0b80}.modal-icon.success{background:linear-gradient(135deg,var(--success),var(--accent));box-shadow:0 10px 24px -8px #22c55e80}.modal-lead{color:var(--text);font-size:15px;margin:0 0 16px}.modal-list{padding-left:18px;margin:0 0 20px;color:var(--text-muted);font-size:14px}.modal-list li{margin-bottom:6px}.checkbox{display:flex;align-items:flex-start;gap:10px;padding:14px;background:var(--bg-2);border:1px solid var(--border);border-radius:10px;font-size:14px;margin-bottom:20px;cursor:pointer}.checkbox input{width:20px;height:20px;accent-color:var(--primary);margin-top:1px;cursor:pointer}.results-card{max-width:900px}.results-hero{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:24px}.results-score-block{background:var(--bg-2);border:1px solid var(--border);border-radius:14px;padding:22px 24px;display:flex;flex-direction:column;gap:6px}.results-label{font-size:11px;color:var(--text-muted);letter-spacing:1.4px;text-transform:uppercase}.results-iq{font-size:54px;font-weight:800;line-height:1;background:linear-gradient(135deg,var(--primary),var(--accent));-webkit-background-clip:text;background-clip:text;color:transparent}.results-iq small{font-size:20px;color:var(--text-muted)}.results-iq-alt{background:linear-gradient(135deg,var(--accent),#5eead4);-webkit-background-clip:text;background-clip:text}.badge{align-self:flex-start;font-size:12px;font-weight:600;padding:5px 10px;border-radius:999px;letter-spacing:.3px;border:1px solid var(--border);background:var(--surface);margin-top:4px}.tier-top{background:#22d3ee2e;color:#a6f1ff}.tier-high{background:#7c5cff38;color:#d1c6ff}.tier-mid-high{background:#22c55e29;color:#b8f0c8}.tier-mid{background:#94a3b82e;color:#cbd5e1}.tier-mid-low{background:#f59e0b29;color:#fcd9a1}.tier-low,.band-high{background:#ef444429;color:#fca8a8}.band-mid{background:#f59e0b2e;color:#fcd9a1}.band-low{background:#22d3ee29;color:#a6f1ff}.band-min{background:#22c55e29;color:#b8f0c8}.results-headline{margin:6px 0 8px;font-size:22px}.results-summary{color:var(--text-muted);font-size:14.5px;margin:0 0 22px}.results-mini-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:28px}.mini-card{background:var(--bg-2);border:1px solid var(--border);border-radius:12px;padding:18px}.mini-card h4{margin:0 0 10px;font-size:13px;color:var(--text-muted);text-transform:uppercase;letter-spacing:1.2px}.mini-card ul{margin:0;padding-left:18px;font-size:14.5px}.mini-card li{margin-bottom:4px}.muted{color:var(--text-muted)}.upsell{display:grid;grid-template-columns:1.3fr 1fr;gap:24px;padding:24px;background:linear-gradient(135deg,#7c5cff1a,#22d3ee0f);border:1px solid rgba(124,92,255,.35);border-radius:16px;margin-bottom:20px}.upsell h3{margin:0 0 8px;font-size:19px}.upsell p{color:var(--text-muted);font-size:14px;margin:0 0 12px}.upsell-list{padding-left:18px;margin:0;font-size:13.5px;color:var(--text)}.upsell-list li{margin-bottom:4px}.upsell-cta{display:flex;flex-direction:column;justify-content:center;gap:10px}.price{display:flex;align-items:baseline;gap:10px;margin-bottom:6px}.price-old{color:var(--text-muted);text-decoration:line-through;font-size:15px}.price-now{font-size:30px;font-weight:800;background:linear-gradient(135deg,var(--primary),var(--accent));-webkit-background-clip:text;background-clip:text;color:transparent}.disclaimer-note{text-align:center;color:var(--text-muted);font-size:12.5px;padding:14px;border:1px dashed var(--border);border-radius:10px;margin:0}.pay-form{display:flex;flex-direction:column;gap:14px;margin-top:18px}.pay-form label{display:flex;flex-direction:column;gap:6px;font-size:13px;color:var(--text-muted);font-weight:500}.pay-form input{background:var(--bg-2);border:2px solid var(--border);border-radius:10px;padding:14px 16px;color:var(--text);font-size:15px;font-family:inherit;transition:border-color .15s ease}.pay-form input:focus{outline:none;border-color:var(--primary)}.pay-summary{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;background:var(--bg-2);border-radius:10px;border:1px solid var(--border);font-size:15px}.pay-summary strong{font-size:20px;color:var(--text)}.small{font-size:12px}.pay-processing{display:flex;flex-direction:column;align-items:center;gap:14px;padding:20px 0;text-align:center}.spinner{width:48px;height:48px;border-radius:50%;border:4px solid var(--bg-2);border-top-color:var(--primary);animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.pay-done{text-align:center}.pay-done code{display:inline-block;font-size:12px;padding:4px 8px;background:var(--bg-2);border-radius:6px;border:1px solid var(--border)}.pay-actions{display:flex;gap:10px;margin-top:18px;justify-content:center}@media (max-width: 780px){.topbar{flex-direction:column;align-items:stretch;gap:12px;padding:12px 16px}.topbar-progress{max-width:100%}.card{padding:24px;border-radius:12px}.q-prompt{font-size:19px}.option{padding:15px 16px;font-size:15px}.results-hero,.results-mini-grid,.upsell{grid-template-columns:1fr}.results-iq{font-size:44px}}