.form-page{min-height:100svh;background:radial-gradient(ellipse at 85% 20%,#448dca15,transparent 55%),#12181e}.form-header{height:100px;display:flex;justify-content:space-between;align-items:center;padding:0 5vw}.form-header>a:last-child{font-size:12px;color:var(--muted)}.progress{position:fixed;top:0;left:0;width:100%;height:4px;background:#39333e}.progress>div{height:100%;width:0;background:var(--accent);transition:width .3s}.question{width:min(740px,86%);margin:65px auto 120px}.question h1{font-size:clamp(30px,3.3vw,45px);letter-spacing:-1.5px;line-height:1.25;margin:15px 0 22px;outline:none}.question>p:not(.eyebrow){font-size:16px;color:var(--muted);line-height:1.7}#field{margin-top:30px}.answer{border:none;border-bottom:1px solid #6385a0;background:transparent;color:var(--accent);font-size:28px;width:100%;padding:14px 0;outline:none;border-radius:0}.answer:focus{border-bottom:2px solid var(--accent)}.answer::placeholder{color:#526575}.options{display:grid;gap:10px;max-width:660px}.option{display:flex;align-items:center;gap:13px;text-align:left;border:1px solid #48677f;background:#8cc8ff0b;color:var(--ink);padding:14px 16px;border-radius:5px;cursor:pointer;font-size:15px;line-height:1.45}.option:hover{background:#8cc8ff1a}.option[aria-pressed=true]{border:2px solid var(--accent);padding:13px 15px;background:#8cc8ff25}.option kbd{font-family:inherit;font-size:11px;border:1px solid #527b9c;min-width:23px;height:23px;display:grid;place-items:center;border-radius:3px}.form-actions{display:flex;align-items:center;gap:20px;margin-top:22px}.form-actions .button{border-radius:5px;background:var(--accent);padding:15px 22px;font-size:12px;cursor:pointer}#keyboard-tip{font-size:11px;color:var(--muted)}.error{color:#ffb8b8;font-size:13px;min-height:19px;margin-top:17px}.form-bottom{position:fixed;bottom:0;left:0;width:100%;display:flex;align-items:center;justify-content:space-between;background:#12181eed;padding:15px 5vw;border-top:1px solid var(--line);font-size:11px;color:var(--muted)}.form-bottom button{width:42px;height:36px;background:#8cc8ff22;border:1px solid #48677f;color:var(--accent);font-size:21px;cursor:pointer}.form-bottom button:disabled{opacity:.3;cursor:default}.honey{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.demo-note{font-size:11px!important;color:#8cc8ff!important;margin-top:25px}.inline-check{display:flex;gap:10px;margin-top:18px;font-size:13px;color:var(--muted);align-items:center}.inline-check input{accent-color:var(--accent)}.privacy-note{font-size:13px;line-height:1.7;color:var(--muted)}.privacy-note a{text-decoration:underline}.extra-answer{font-size:20px;margin-top:12px}@media(max-width:700px){.form-header{height:85px}.question{margin-top:35px;margin-bottom:110px}.question h1{font-size:30px}.question>p:not(.eyebrow){font-size:14px}.option{font-size:14px;padding:12px}.option[aria-pressed=true]{padding:11px}.answer{font-size:23px}.form-actions{gap:12px}#keyboard-tip{display:none}}

/* Interface de pergunta única, seguindo a referência do formulário. */
.form-page{background:#050607}.form-header{position:absolute;top:22px;left:0;width:100%;height:auto;padding:0 30px;opacity:.7}.form-header .brand{font-size:16px;letter-spacing:-.5px}.form-header>a:last-child{font-size:10px}.progress{height:3px;background:#28313b;z-index:5}.question{position:relative;width:min(720px,82%);min-height:100svh;margin:0 auto;padding:110px 0;display:flex;flex-direction:column;justify-content:center}.question h1{font-family:Manrope,sans-serif;font-size:24px;letter-spacing:-.5px;line-height:1.45;font-weight:400;margin:0 0 18px}.question>p:not(.eyebrow){font-size:15px;line-height:1.65}.question #step-label{position:absolute;left:-30px;top:var(--step-top,50%);font-size:10px;letter-spacing:0;color:#10273b;background:var(--accent);height:20px;min-width:20px;padding:0 4px;display:grid;place-items:center;border-radius:4px;transform:translateY(-50%)}.question #step-label:empty{display:none}#field{margin-top:12px}.answer{font-family:Manrope,sans-serif;font-size:24px;padding:12px 0;color:var(--accent);border-bottom:1px solid #8cc8ff99}.answer::placeholder{color:#687786}.options{gap:8px;max-width:100%;width:fit-content;min-width:260px}.option{border:1px solid #8cc8ff22;border-radius:30px;background:#8cc8ff08;padding:10px 14px;font-size:14px;color:#d8e3ec;gap:10px;min-height:45px}.option[aria-pressed=true]{border:2px solid var(--accent);padding:9px 13px;background:#8cc8ff10}.option kbd{border-radius:50%;width:23px;height:23px;min-width:23px;font-size:10px}.option[aria-pressed=true] kbd{background:var(--accent);color:#142b3d}.form-actions{gap:13px;margin-top:20px}.form-actions .button{border-radius:25px;padding:11px 20px;font-size:13px;letter-spacing:0;box-shadow:none;min-height:42px}.error:empty{display:none}.error{margin-bottom:0}.form-bottom{left:auto;right:22px;bottom:22px;width:auto;padding:0;border:0;background:none;gap:14px}.form-bottom button{background:var(--accent);color:#142b3d;border:0;width:34px;height:32px;font-size:20px}.form-bottom button:first-child{border-radius:18px 0 0 18px}.form-bottom button:last-child{border-radius:0 18px 18px 0;border-left:1px solid #142b3d33}.form-bottom #counter{font-size:10px}.demo-note{font-size:10px!important;color:#8294a4!important;line-height:1.6!important}.question.is-entering{animation:question-rise .32s ease-out}@keyframes question-rise{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:700px){.form-header{top:24px;padding:0 24px}.question{width:calc(100% - 72px);padding:100px 0 95px;min-height:100svh;margin:auto}.question h1{font-size:22px;line-height:1.45}.question #step-label{left:-25px;font-size:9px;height:18px;min-width:18px}.answer{font-size:22px}.options{min-width:0;width:100%}.option{font-size:14px}.form-bottom{bottom:16px;right:18px}.question>p:not(.eyebrow){font-size:14px}}
@media(prefers-reduced-motion:reduce){.question.is-entering{animation:none}}

/* Proporções próximas à referência e encerramento com vídeo. */
.question h1{font-size:20px;letter-spacing:-.4px}.answer{font-size:20px}.form-header .brand{font-size:14px}.form-actions .button{font-size:14px;font-weight:500;padding:10px 20px}.form-bottom #counter{display:none}.question>p:empty{display:none}.question.thank-you{width:min(760px,86%);text-align:center;align-items:center;padding-block:90px}.thank-you h1{font-size:30px;line-height:1.3;margin-bottom:16px}.thank-you #question-description{max-width:600px;font-size:15px}.thank-you-video{width:100%;aspect-ratio:16/9;border:1px solid #8cc8ff35;border-radius:14px;background:radial-gradient(ellipse at center,#8cc8ff12,transparent 75%),#0d1218;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:25px;overflow:hidden;margin:18px 0 28px}.thank-you-video video{width:100%;height:100%;object-fit:contain}.thank-you-video:has(video){padding:0;background:#000}.video-play{height:58px;width:58px;display:grid;place-items:center;border:1px solid #8cc8ff66;border-radius:50%;color:var(--accent);font-size:20px;padding-left:3px}.thank-you-video strong{font-size:18px;font-weight:500}.thank-you-video>span:last-child{font-size:12px;line-height:1.6;max-width:350px;color:var(--muted)}.thank-you>.button{font-size:11px;padding:17px 24px}
@media(max-width:700px){.question h1{font-size:20px}.answer{font-size:20px}.thank-you h1{font-size:25px}.thank-you-video{padding:18px;gap:10px}.video-play{height:40px;width:40px;font-size:15px}.thank-you-video strong{font-size:15px}.thank-you-video>span:last-child{font-size:11px}.question.thank-you{padding:85px 0}.thank-you #question-description{font-size:14px}}

@media(max-width:700px){.form-page .answer{font-size:20px;min-width:0}.form-page .question{width:calc(100% - 64px)}.form-actions .button{min-height:44px;font-size:14px;padding:11px 20px}.option{min-height:46px;overflow-wrap:anywhere}.form-header{gap:15px}.form-header .brand{overflow-wrap:anywhere;max-width:60%}}

.form-bottom button svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;vertical-align:middle}