* { box-sizing: border-box; }
body { margin: 0; font-family: system-ui, -apple-system, Segoe UI, Roboto, sans-serif; color: #16181c; background: #fff; }
.oculto { display: none !important; }
.tela { max-width: 640px; margin: 0 auto; padding: 16px; }
.arte { display: block; width: 100%; height: auto; }
#bloco-form { max-width: 640px; margin: 0 auto; }
form { display: flex; flex-direction: column; gap: 12px; padding: 16px; }
input { font-size: 16px; padding: 12px 14px; border: 1px solid #cfd3d8; border-radius: 10px; }
button { font-size: 17px; font-weight: 600; padding: 14px; border: 0; border-radius: 10px; background: #41799d; color: #fff; cursor: pointer; }
button:disabled { opacity: .6; cursor: default; }
.erro { color: #b23; margin: 0; }
.pergunta { margin: 18px 0; }
.pergunta > label.titulo { display: block; font-weight: 600; margin-bottom: 8px; }
.opcao { display: flex; align-items: center; gap: 8px; padding: 6px 0; }
/* obrigado: arte com botão transparente por cima, posição em % */
#obrigado-wrap { position: relative; max-width: 640px; margin: 0 auto; }
#obrigado-botao { position: absolute; display: block; background: transparent; }