*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#0d2b3e;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem 1rem}#root{width:100%;display:flex;justify-content:center}.card{background:#fff;border-radius:20px;width:100%;max-width:860px;overflow:hidden;box-shadow:0 24px 80px #00000059}.intro-layout{display:grid;grid-template-columns:1fr 1fr;min-height:520px}.intro-left{padding:2.5rem;display:flex;flex-direction:column;justify-content:space-between}.intro-right{padding:2.5rem 2.5rem 2.5rem 1.5rem;background:#fff;display:flex;flex-direction:column;gap:1.5rem}.logo{display:flex;align-items:center;gap:0;margin-bottom:1.25rem}.logo-img{height:40px;width:auto;display:block}.logo-text{font-size:22px;font-weight:800;letter-spacing:-.02em;color:#0d2b3e}.logo-text em{color:#f5a623;font-style:normal}.time-badge{display:inline-flex;align-items:center;gap:6px;background:#fef9ec;border:1px solid #f5d98a;border-radius:20px;padding:5px 12px;font-size:12px;color:#92640a;font-weight:500;margin-bottom:1.5rem;width:fit-content}.time-icon{font-size:13px}.intro-title{font-size:38px;font-weight:800;color:#0d2b3e;line-height:1.1;letter-spacing:-.02em;margin-bottom:1rem}.intro-sub{font-size:14px;color:#4a5568;line-height:1.65;margin-bottom:1.5rem}.privacy-box{border:1px solid #e2e8f0;border-radius:10px;padding:14px 16px;font-size:12px;color:#4a5568;line-height:1.6;margin-bottom:1.75rem}.privacy-box strong{color:#0d2b3e}.btn-begin{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:16px 24px;background:#f5a623;color:#fff;border:none;border-radius:10px;font-size:15px;font-weight:700;cursor:pointer;transition:background .2s,transform .15s}.btn-begin:hover{background:#e09415;transform:translateY(-1px)}.btn-begin svg{width:18px;height:18px}.feature-item{display:flex;align-items:flex-start;gap:14px}.feature-icon{width:44px;height:44px;border-radius:10px;background:#f5a623;display:flex;align-items:center;justify-content:center;flex-shrink:0}.feature-icon.dark{background:#0d2b3e}.feature-icon svg{width:22px;height:22px;fill:#fff}.feature-title{font-size:14px;font-weight:700;color:#0d2b3e;margin-bottom:3px}.feature-desc{font-size:12px;color:#6b7280;line-height:1.55}.hero-wrap{position:relative;margin-top:auto;height:200px;overflow:hidden;border-radius:14px;box-shadow:0 10px 30px #0d2b3e2e}.hero-svg{width:100%;height:100%;display:block}.q-screen{padding:0}.q-topbar{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 2rem 0}.q-meta{display:flex;align-items:center;gap:12px;font-size:13px;color:#6b7280;font-weight:500}.q-meta-sep{color:#d1d5db}.q-domain{color:#f5a623;font-weight:600}.q-pct{font-size:22px;font-weight:800;color:#0d2b3e}.q-progress-bar{height:4px;background:#f0f4f7;margin-top:1rem}.q-progress-fill{height:4px;background:#f5a623;border-radius:0 2px 2px 0;transition:width .35s ease}.q-body{padding:2.5rem 2rem 1.5rem}.q-text{font-size:26px;font-weight:800;color:#0d2b3e;line-height:1.25;letter-spacing:-.02em;margin-bottom:.5rem}.q-help{font-size:13px;color:#6b7280;margin-bottom:2rem;line-height:1.5}.answers-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:2rem}.answer-opt{display:flex;align-items:center;gap:14px;padding:16px 18px;border:1.5px solid #e5e7eb;border-radius:10px;cursor:pointer;transition:all .15s;background:#fff}.answer-opt:hover{border-color:#f5a623;background:#fefaf2}.answer-opt.selected{border-color:#f5a623;background:#fef9ec}.answer-opt.idk-opt{border-style:dashed;grid-column:1}.answer-radio{width:20px;height:20px;border-radius:50%;border:2px solid #d1d5db;flex-shrink:0;display:flex;align-items:center;justify-content:center;transition:all .15s}.answer-opt.selected .answer-radio,.answer-opt.idk-opt.selected .answer-radio{border-color:#f5a623;background:#f5a623}.answer-radio-dot{width:7px;height:7px;border-radius:50%;background:#fff;display:none}.answer-opt.selected .answer-radio-dot{display:block}.answer-label{font-size:14px;color:#1a202c;line-height:1.45;font-weight:500}.answer-opt.idk-opt .answer-label{color:#6b7280;font-style:italic}.q-nav{display:flex;align-items:center;justify-content:space-between;padding:1.5rem 2rem 2rem;border-top:1px solid #f0f4f7}.btn-prev{display:flex;align-items:center;gap:6px;background:none;border:none;font-size:14px;color:#6b7280;font-weight:500;cursor:pointer;padding:10px 0;transition:color .15s}.btn-prev:hover{color:#0d2b3e}.btn-prev:disabled{opacity:.3;pointer-events:none}.btn-next{display:flex;align-items:center;gap:8px;padding:13px 28px;background:#f5a623;color:#fff;border:none;border-radius:8px;font-size:15px;font-weight:700;cursor:pointer;transition:all .15s;opacity:.45;pointer-events:none}.btn-next.active{opacity:1;pointer-events:auto}.btn-next.active:hover{background:#e09415;transform:translateY(-1px)}.dot-row{display:flex;align-items:center;justify-content:center;gap:8px;padding:1.25rem 2rem;border-top:1px solid #f0f4f7}.dot{width:10px;height:10px;border-radius:50%;background:#e5e7eb;transition:all .2s}.dot.active{background:#f5a623;width:28px;border-radius:5px}.dot.done{background:#0d2b3e}.challenge-screen{padding:3rem 2.5rem 1rem;min-height:420px;display:flex;flex-direction:column}.challenge-step-label{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:#f5a623;margin-bottom:1rem}.challenge-title{font-size:42px;font-weight:800;color:#0d2b3e;line-height:1.05;letter-spacing:-.02em;margin-bottom:.75rem}.challenge-sub{font-size:14px;color:#6b7280;margin-bottom:2.25rem;line-height:1.55;max-width:520px}.challenge-field{display:block;margin-bottom:auto}.challenge-field-label{display:block;font-size:13px;font-weight:700;color:#0d2b3e;margin-bottom:8px}.challenge-select-wrap{position:relative;max-width:520px}.challenge-select-wrap.filled .challenge-select{color:#0d2b3e}.challenge-select{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:100%;padding:14px 44px 14px 16px;border:1.5px solid #e5e7eb;border-radius:10px;background:#fff;font-size:15px;font-weight:500;color:#6b7280;font-family:inherit;cursor:pointer;transition:border-color .15s,box-shadow .15s}.challenge-select:hover{border-color:#f5a623}.challenge-select:focus{outline:none;border-color:#f5a623;box-shadow:0 0 0 3px #f5a62326}.challenge-select-chevron{position:absolute;right:14px;top:50%;transform:translateY(-50%);color:#6b7280;pointer-events:none}.challenge-counter{float:right;font-size:12px;font-weight:600;color:#6b7280;letter-spacing:.02em}.challenge-options{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px;max-width:760px}.challenge-option{display:flex;align-items:center;gap:10px;padding:12px 14px;border:1.5px solid #e5e7eb;border-radius:10px;background:#fff;font-family:inherit;font-size:14px;font-weight:500;color:#0d2b3e;text-align:left;cursor:pointer;transition:border-color .15s,background .15s,box-shadow .15s}.challenge-option:hover:not(:disabled){border-color:#f5a623}.challenge-option.selected{border-color:#f5a623;background:#fff8ee;box-shadow:0 0 0 3px #f5a62326}.challenge-option.disabled,.challenge-option:disabled{opacity:.45;cursor:not-allowed}.challenge-option-check{width:18px;height:18px;border-radius:5px;border:1.5px solid #cbd5e1;background:#fff;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0;transition:background .15s,border-color .15s}.challenge-option.selected .challenge-option-check{background:#f5a623;border-color:#f5a623}.challenge-option-label{line-height:1.35}.results-screen{background:#0d2b3e;color:#fff;padding:2rem 1.75rem 1.75rem;display:flex;flex-direction:column;gap:1.25rem}.risk-fg-minimal{color:#10b981}.risk-fg-low{color:#3b82f6}.risk-fg-moderate{color:#f59e0b}.risk-fg-high{color:#f97316}.risk-fg-critical{color:#ef4444}.risk-bg-minimal{background:#10b981}.risk-bg-low{background:#3b82f6}.risk-bg-moderate{background:#f59e0b}.risk-bg-high{background:#f97316}.risk-bg-critical{background:#ef4444}.risk-chip,.risk-pill{display:inline-flex;align-items:center;font-size:11px;font-weight:700;border-radius:999px;padding:4px 10px;white-space:nowrap}.risk-chip.risk-minimal{background:#d1fae5;color:#047857}.risk-chip.risk-low{background:#dbeafe;color:#1d4ed8}.risk-chip.risk-moderate{background:#fef3c7;color:#92640a}.risk-chip.risk-high{background:#ffedd5;color:#c2410c}.risk-chip.risk-critical{background:#fee2e2;color:#b91c1c}.risk-pill{font-size:12px;font-weight:700;padding:5px 14px;background:#ef4444;color:#fff;margin:12px 0 14px}.risk-pill.risk-minimal{background:#10b981}.risk-pill.risk-low{background:#3b82f6}.risk-pill.risk-moderate{background:#f59e0b}.risk-pill.risk-high{background:#f97316}.risk-pill.risk-critical{background:#ef4444}.results-header{padding:4px 2px 8px}.results-complete-tag{display:inline-block;border-left:3px solid #f5a623;padding-left:10px;font-size:11px;font-weight:700;letter-spacing:.14em;color:#f5a623;margin-bottom:12px;text-transform:uppercase}.results-title{font-size:28px;font-weight:800;color:#fff;letter-spacing:-.02em;line-height:1.15;margin-bottom:8px}.results-subtitle{font-size:13px;color:#ffffffa6;line-height:1.55;max-width:720px}.results-grid{display:grid;grid-template-columns:290px 1fr;gap:1.25rem}.score-panel{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:22px 20px;text-align:center}.panel-label{font-size:11px;font-weight:700;letter-spacing:.1em;color:#ffffff8c;margin-bottom:18px;text-transform:uppercase}.score-dial{position:relative;width:150px;height:150px;margin:0 auto}.score-dial svg{display:block}.score-inner{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.score-num{font-size:44px;font-weight:800;color:#fff;line-height:1}.score-label{font-size:12px;color:#ffffff8c;margin-top:3px}.score-callout-title{font-size:14px;font-weight:700;color:#fff;margin-bottom:8px;line-height:1.3}.score-callout-desc{font-size:12px;color:#ffffffb3;line-height:1.55}.score-guide{margin-top:22px;text-align:left;border-top:1px solid rgba(255,255,255,.09);padding-top:16px}.score-guide-title{font-size:11px;font-weight:700;letter-spacing:.1em;color:#ffffff80;margin-bottom:10px;text-transform:uppercase}.score-guide ul{list-style:none;padding:0;margin:0}.score-guide li{display:flex;justify-content:space-between;padding:4px 0;font-size:12px}.guide-range{color:#ffffffa6;font-variant-numeric:tabular-nums}.guide-label{font-weight:600}.dimension-panel{background:#fff;color:#0d2b3e;border-radius:14px;padding:22px 22px 18px}.dimension-panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;gap:12px;flex-wrap:wrap}.dimension-panel-header h2{font-size:16px;font-weight:800;color:#0d2b3e;margin:0}.dimension-panel-tag{font-size:11px;color:#6b7280;background:#f3f4f6;border-radius:999px;padding:4px 12px}.dimension-list{display:flex;flex-direction:column;gap:12px}.dimension-row{display:flex;gap:14px;padding:14px;border-radius:10px;background:#f8fafc;border:1px solid #eef2f7}.dimension-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.dimension-icon svg{width:20px;height:20px}.dimension-body{flex:1;min-width:0}.dimension-row-top{display:flex;justify-content:space-between;gap:12px;margin-bottom:10px;align-items:flex-start}.dimension-name{font-size:14px;font-weight:700;color:#0d2b3e;margin-bottom:2px}.dimension-desc{font-size:12px;color:#6b7280;line-height:1.4}.dimension-scores{display:flex;align-items:center;gap:10px;flex-shrink:0;font-variant-numeric:tabular-nums}.dimension-pct{font-size:16px;font-weight:800;color:#0d2b3e}.dimension-count{font-size:12px;color:#9ca3af}.dimension-bar-bg{height:6px;background:#e5e7eb;border-radius:3px;overflow:hidden}.dimension-bar{height:6px;border-radius:3px;transition:width .6s ease}.actions-panel,.assumptions-panel,.report-panel{background:#fff;color:#0d2b3e;border-radius:14px;padding:22px}.panel-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;gap:12px;flex-wrap:wrap}.panel-head h2{display:flex;align-items:center;gap:10px;font-size:16px;font-weight:800;color:#0d2b3e;margin:0}.panel-head-icon{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background:#fef3c7;color:#b45309;font-size:14px}.panel-head-icon.info{background:#dbeafe;color:#1d4ed8;font-family:Georgia,serif;font-style:italic;font-weight:700}.panel-head-note{font-size:11px;color:#9ca3af}.panel-empty{font-size:13px;color:#6b7280;line-height:1.5}.actions-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.action-card{display:flex;gap:12px;padding:14px;background:#f8fafc;border:1px solid #eef2f7;border-radius:10px}.action-num{flex-shrink:0;width:28px;height:28px;border-radius:6px;background:#f5a623;color:#fff;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:800}.action-text{font-size:13px;color:#1f2937;line-height:1.45;padding-top:4px}.assumptions-panel{background:#eff6ff;border:1px solid #dbeafe}.assumptions-intro{font-size:12px;color:#1e40af;margin-bottom:10px;font-weight:600}.assumptions-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px 16px}.assumption-item{display:flex;align-items:flex-start;gap:8px;font-size:12px;color:#1e3a8a;line-height:1.5}.assumption-dot{flex-shrink:0;width:4px;height:4px;border-radius:50%;background:#1e40af;margin-top:8px}.report-panel{padding:24px}.report-panel-head h2{display:flex;align-items:center;gap:10px;font-size:18px;font-weight:800;color:#0d2b3e;margin:0 0 4px}.report-panel-head h2:before{content:"✉";color:#f5a623;font-size:18px}.report-panel-head p{font-size:13px;color:#6b7280;margin:0 0 14px}.report-panel-sub{font-size:12px;color:#6b7280;line-height:1.55;margin-bottom:14px}.report-panel-sub a{color:#f5a623;text-decoration:none}.report-email-row{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:8px}.report-email-input{flex:1;min-width:220px;padding:12px 14px;background:#f8fafc;border:1px solid #e5e7eb;border-radius:8px;font-size:14px;color:#0d2b3e;font-family:inherit}.report-email-input::placeholder{color:#9ca3af}.report-email-input:focus{outline:none;border-color:#f5a623;box-shadow:0 0 0 3px #f5a62326}.report-submit{padding:12px 20px;background:#f5a623;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:700;cursor:pointer;transition:background .15s;white-space:nowrap}.report-submit:hover{background:#e09415}.report-confirm{font-size:12px;color:#047857;margin:6px 0 12px;line-height:1.55}.report-columns{display:grid;grid-template-columns:1fr;gap:18px;margin-top:18px;padding-top:18px;border-top:1px solid #eef2f7}.report-col-title{font-size:11px;font-weight:700;letter-spacing:.1em;color:#9ca3af;margin-bottom:8px;text-transform:uppercase}.report-columns ul{list-style:none;padding:0;margin:0}.report-columns li{font-size:13px;color:#4a5568;padding:4px 0 4px 18px;line-height:1.5;position:relative}.report-columns li:before{content:"";position:absolute;left:4px;top:10px;width:5px;height:5px;border-radius:50%;background:#f5a623}.final-cta{display:flex;gap:20px;align-items:center;justify-content:space-between;background:linear-gradient(135deg,#f5a623,#e09415);border-radius:14px;padding:22px 24px;color:#fff;flex-wrap:wrap}.final-cta h3{font-size:18px;font-weight:800;margin:0 0 6px;line-height:1.2}.final-cta p{font-size:13px;color:#ffffffe6;line-height:1.55;margin:0;max-width:520px}.final-cta p+p{margin-top:8px}.final-cta-btn{flex-shrink:0;padding:13px 22px;background:#0d2b3e;color:#fff;border:none;border-radius:8px;font-size:13px;font-weight:700;cursor:pointer;transition:background .15s,transform .15s}.final-cta-btn:hover{background:#071a28;transform:translateY(-1px)}.results-restart{display:flex;justify-content:center;margin-top:6px}.btn-cta-secondary{padding:11px 22px;background:transparent;color:#ffffff80;border:1px solid rgba(255,255,255,.15);border-radius:8px;font-size:13px;cursor:pointer;transition:all .2s;font-family:inherit}.btn-cta-secondary:hover{color:#fff;border-color:#ffffff59}@media (max-width: 640px){.intro-layout{grid-template-columns:1fr}.intro-right{display:none}.answers-grid{grid-template-columns:1fr}.q-text{font-size:20px}.intro-title{font-size:28px}.challenge-title{font-size:30px}.q-body{padding:1.5rem 1.25rem 1rem}.q-nav{padding:1rem 1.25rem 1.5rem}.q-topbar{padding:1rem 1.25rem 0}.results-screen{padding:1.5rem 1rem 1rem}.challenge-screen{padding:2rem 1.25rem 1rem;min-height:auto}.results-grid,.actions-grid,.assumptions-grid{grid-template-columns:1fr}.report-columns{grid-template-columns:1fr;gap:14px}.final-cta{flex-direction:column;align-items:flex-start}.dimension-row-top{flex-direction:column;gap:8px}.dimension-scores{flex-wrap:wrap}.results-title{font-size:22px}}