:root{--c-blue: #033291;--c-blue-dark: #022470;--c-navy: #232a5c;--c-body: #080e37;--c-ash: #f9f9f9;--c-border: #ecf0f3;--c-muted: #6b7290;--c-white: #ffffff;--c-yellow: #facc15;--c-error: #b91c1c;--c-error-bg: #fee2e2;--c-ok: #065f46;--c-ok-bg: #d1fae5;--c-warn: #92400e;--c-warn-bg: #fef3c7;--font-head: "Oswald", "Barlow", sans-serif;--font-body: "Barlow", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--radius: 6px;--radius-lg: 10px}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;color:var(--c-body);font-family:var(--font-body);font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased}body{min-height:100vh;background:url(/assets/foguete-B-Q214Sn.webp) top center / cover no-repeat fixed}.page{max-width:920px;margin:0 auto;padding:40px 24px 96px}.page.split{max-width:1280px;display:grid;grid-template-columns:minmax(320px,1fr) minmax(0,1.25fr);gap:64px;padding:56px 40px 96px;align-items:start}.side{position:sticky;top:56px;align-self:start}.side-inner{padding-left:18px;border-left:6px solid #4a8bff}.side-bullets{list-style:none;padding:24px 0 0;margin:24px 0 0;border-top:1px solid rgba(255,255,255,.15);display:flex;flex-direction:column;gap:12px}.side-bullets li{font-size:14px;color:#ffffffb3;display:flex;align-items:baseline;gap:8px}.side-bullets li:before{content:"";width:6px;height:6px;background:#4a8bff;border-radius:50%;flex-shrink:0;transform:translateY(-2px)}.side-bullets strong{color:#fff;font-weight:600;margin-right:2px}.main{min-width:0}.hero{margin-bottom:28px;position:relative;padding-left:18px;border-left:6px solid #4a8bff}.logo{display:block;height:42px;width:auto;margin-bottom:22px;filter:brightness(0) invert(1)}.hero h1,.side-inner h1{font-family:var(--font-head);font-weight:700;font-size:clamp(26px,3.3vw,44px);letter-spacing:.01em;text-transform:uppercase;color:#fff;margin:0;line-height:1;white-space:nowrap}.hero h1 .accent,.side-inner h1 .accent{color:#4a8bff}.subtitle{font-size:16px;color:#ffffffbf;margin:16px 0 0;max-width:520px;line-height:1.6}.stepper{display:flex;gap:8px;margin-bottom:28px;flex-wrap:wrap}.step{font-family:var(--font-head);text-transform:uppercase;letter-spacing:.06em;padding:8px 16px;background:#ffffff14;border:1px solid rgba(255,255,255,.18);border-radius:999px;font-size:12px;color:#ffffffb3;font-weight:600}.step.active{background:#4a8bff;color:#fff;border-color:#4a8bff}.step.done{background:#fff;color:var(--c-body);border-color:#fff}.card{background:#ffffff2e;color:var(--c-white);border:1px solid rgba(255,255,255,.25);border-radius:var(--radius-lg);padding:28px;margin-bottom:20px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:0 1px #ffffff0f inset,0 20px 50px -20px #00001e8c,0 8px 20px -10px #00001e59}.card.subtle{background:#ffffff1f}.card h2{font-family:var(--font-head);font-weight:700;text-transform:uppercase;font-size:26px;margin:0 0 8px;letter-spacing:.01em;color:var(--c-white)}.card h3{font-family:var(--font-head);font-weight:600;text-transform:uppercase;font-size:18px;margin:0 0 12px;letter-spacing:.02em;color:var(--c-white)}.muted{color:var(--c-muted)}.card .muted,.card .lead{color:#ffffffbf}.small{font-size:12px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:16px}.form-grid label{display:flex;flex-direction:column;gap:6px}.form-grid label.full{grid-column:1 / -1}input,select,textarea{width:100%;font-size:15px;font-family:inherit;border:1.5px solid var(--c-border);border-radius:var(--radius);padding:11px 14px;background:var(--c-white);color:var(--c-body);transition:border-color .15s ease}textarea{resize:vertical;min-height:84px}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--c-blue);box-shadow:0 0 0 3px #0332911f}.actions{display:flex;gap:10px;margin-top:24px;flex-wrap:wrap}.actions.center{justify-content:center}button{font-family:var(--font-head);background:var(--c-blue);color:var(--c-white);border:0;padding:14px 28px;border-radius:var(--radius);font-weight:700;font-size:14px;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;transition:background .15s ease,transform .1s ease}button:hover:not(:disabled){background:var(--c-blue-dark)}button:active:not(:disabled){transform:translateY(1px)}button:disabled{background:#9aa3bd;color:#fff;cursor:not-allowed}button.secondary{background:var(--c-white);color:var(--c-body);border:1.5px solid var(--c-body)}button.secondary:hover:not(:disabled){background:var(--c-body);color:var(--c-white)}.quiz-header{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:4px}.progress{display:flex;align-items:center;gap:10px;min-width:220px}.progress-bar{flex:1;background:var(--c-border);border-radius:999px;height:8px;overflow:hidden}.progress-fill{height:100%;background:var(--c-yellow);transition:width .25s ease}.progress-text{font-family:var(--font-head);font-size:14px;font-weight:700;color:var(--c-yellow);font-variant-numeric:tabular-nums;min-width:56px;text-align:right}.q-stage{position:relative;margin:22px 0 8px;overflow:hidden;min-height:280px}.q-card-anim{will-change:transform,opacity}.q-card-anim.entering{animation:qSlideIn .32s cubic-bezier(.2,.7,.2,1) both}.q-card-anim.leaving{animation:qSlideOut .32s cubic-bezier(.4,0,.2,1) both;pointer-events:none}@keyframes qSlideIn{0%{transform:translate(60px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes qSlideOut{0%{transform:translate(0);opacity:1}to{transform:translate(-80px);opacity:0}}.q-meta{margin-bottom:14px}.q-num{font-family:var(--font-head);font-weight:700;color:var(--c-yellow);font-size:12px;letter-spacing:.12em;text-transform:uppercase}.q-text{margin-bottom:14px;font-size:16px;line-height:1.55;color:var(--c-white)}.q-text.big{font-size:clamp(20px,2.2vw,26px);line-height:1.35;margin-bottom:28px;font-weight:500}.scale{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.scale-option{position:relative;display:flex;align-items:center;justify-content:center;padding:20px 8px;background:var(--c-white);border:2px solid var(--c-border);border-radius:var(--radius);cursor:pointer;font-family:var(--font-head);font-weight:700;color:var(--c-body);transition:transform .12s ease,background .15s ease,color .15s ease,border-color .15s ease,box-shadow .15s ease;text-align:center}.scale-option .num{font-size:22px;letter-spacing:.02em}.scale-option:hover:not(:disabled),.scale-option:focus-visible:not(:disabled){background:var(--c-blue);color:var(--c-white);border-color:var(--c-blue);box-shadow:0 6px 16px #0332914d;transform:translateY(-2px);outline:none}.scale-option:active:not(:disabled){transform:translateY(0)}.scale-option.sel{background:var(--c-blue);color:var(--c-white);border-color:var(--c-blue);box-shadow:0 6px 16px #0332914d}.scale-option:disabled{cursor:default}.scale-anchors{margin-top:14px;display:flex;justify-content:space-between;font-size:12px;color:var(--c-yellow);font-family:var(--font-head);text-transform:uppercase;letter-spacing:.06em}@media (max-width: 640px){.scale{gap:6px}.scale-option{padding:14px 2px}.scale-option .num{font-size:18px}.scale-anchors{font-size:11px}}.result-hero{border-top:6px solid var(--c-blue);position:relative}.result-hero h2{font-size:clamp(26px,4vw,38px);margin:6px 0 10px;line-height:1.05}.lead{font-size:17px;color:var(--c-muted);margin:0}.alert{margin-top:18px;padding:14px 16px;border-radius:var(--radius);background:var(--c-warn-bg);color:var(--c-warn);font-size:14px;border-left:4px solid var(--c-warn)}.alert.error{background:var(--c-error-bg);color:var(--c-error);border-left-color:var(--c-error)}.finishing{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;text-align:center;min-height:160px}.enviado-check{width:64px;height:64px;border-radius:50%;background:var(--c-yellow);color:var(--c-blue);font-size:34px;font-weight:700;display:grid;place-items:center;margin-bottom:8px}.revisao-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:4px 0 12px}.revisao-head h3{margin:0}.link-btn{background:none;border:none;color:var(--c-yellow);font-family:var(--font-head);font-weight:700;font-size:13px;text-transform:uppercase;letter-spacing:.06em;cursor:pointer;padding:4px 6px;width:auto}.link-btn:hover:not(:disabled){text-decoration:underline}.link-btn:disabled{opacity:.5;cursor:default}.revisao-dl{display:flex;flex-direction:column;gap:0;margin:0}.summary-row{display:grid;grid-template-columns:200px 1fr;gap:16px;padding:10px 0;border-bottom:1px solid var(--c-border)}.summary-row:last-child{border-bottom:none}.summary-row dt{font-family:var(--font-head);font-weight:700;color:var(--c-white);font-size:12px;text-transform:uppercase;letter-spacing:.06em}.summary-row dd{margin:0;font-size:15px;color:var(--c-white);word-break:break-word}.revisao-respostas{margin:0;padding-left:22px;display:flex;flex-direction:column;gap:10px}.revisao-respostas li{display:flex;flex-direction:column;gap:2px;padding-bottom:8px;border-bottom:1px solid var(--c-border)}.revisao-respostas li:last-child{border-bottom:none;padding-bottom:0}.rr-text{font-size:14px;color:var(--c-white)}.rr-val{font-family:var(--font-head);font-weight:700;font-size:13px;color:var(--c-white)}@media (max-width: 640px){.summary-row{grid-template-columns:1fr;gap:2px}}.bars{display:flex;flex-direction:column;gap:12px}.bar-row{display:grid;grid-template-columns:150px 1fr 140px;align-items:center;gap:14px}.bar-label{display:flex;align-items:center}.bar-track{background:var(--c-border);border-radius:var(--radius);height:18px;overflow:hidden}.bar-fill{height:100%;border-radius:var(--radius);transition:width .35s ease}.bar-value{font-family:var(--font-head);font-variant-numeric:tabular-nums;font-size:14px;text-align:right;color:var(--c-white);letter-spacing:.02em}.cards-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:20px}.profile-card{background:var(--c-white);border:1px solid var(--c-border);border-radius:var(--radius-lg);padding:22px}.profile-card h3{margin:6px 0 14px;font-size:28px;letter-spacing:.01em}.block{margin-top:14px}.label{font-family:var(--font-head);font-weight:700;font-size:11px;color:var(--c-muted);text-transform:uppercase;letter-spacing:.1em;display:block;margin-bottom:6px}.form-grid .label{color:var(--c-white)}.profile-card ul{margin:0;padding-left:18px}.profile-card li{font-size:14px;margin:3px 0}.reading{list-style:none;padding:0;margin:0}.reading li{padding:12px 0;border-bottom:1px dashed var(--c-border)}.reading li:last-child{border-bottom:0}.reading strong{font-family:var(--font-head);text-transform:uppercase;letter-spacing:.04em;color:var(--c-blue);font-weight:700;font-size:14px;margin-right:4px}.disclaimer{margin-top:18px;padding:12px 14px;background:var(--c-ash);border-left:3px solid var(--c-blue);border-radius:var(--radius);font-size:13px;color:var(--c-muted)}.summary{display:grid;grid-template-columns:180px 1fr;gap:8px 16px;margin:0}.summary dt{font-family:var(--font-head);font-weight:700;color:#ffffffbf;font-size:12px;text-transform:uppercase;letter-spacing:.06em}.summary dd{margin:0;font-size:15px;color:var(--c-white)}.pct{font-family:var(--font-head);font-variant-numeric:tabular-nums;font-size:14px;color:var(--c-muted)}code{background:var(--c-ash);padding:2px 6px;border-radius:4px;font-size:13px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}@media (max-width: 1024px){.page.split{grid-template-columns:1fr;gap:32px;padding:32px 24px 72px}.side{position:static}}@media (max-width: 640px){.page{padding:24px 16px 64px}.page.split{padding:28px 16px 64px;gap:24px}.form-grid,.cards-grid{grid-template-columns:1fr}.bar-row{grid-template-columns:1fr;gap:4px}.bar-value{text-align:left}.hero h1,.side-inner h1{font-size:30px}.card{padding:20px}.scale-option{min-width:48px;font-size:14px;padding:12px 2px}.side-bullets{padding-top:16px;margin-top:16px}}
