@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,600,700|Roboto+Slab:400,700');
:root{--red:#dd3333;--red-dark:#b92323;--ink:#474747;--muted:#777;--bg:#f6f4f5;--line:#ddd;--shadow:0 8px 28px rgba(0,0,0,.12)}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:var(--bg);color:var(--ink);font-family:'Open Sans',Arial,sans-serif}.quiz-shell{width:min(100% - 30px,760px);margin:30px auto 60px;background:#fff;box-shadow:var(--shadow)}.brand{display:flex;justify-content:center;padding:27px 35px 20px;border-bottom:1px solid #eee}.brand-logo{width:230px;height:auto;max-height:72px;object-fit:contain}.hero,.quiz-screen{padding:48px 82px 62px}.hero{text-align:center;background:#fff}.eyebrow{margin:0 0 14px;color:var(--red);font-size:11px;font-weight:700;letter-spacing:.13em}.hero h1,h2{font-family:'Roboto Slab',Georgia,serif;line-height:1.16;font-weight:700}.hero h1{max-width:590px;margin:0 auto 17px;font-size:clamp(34px,5.5vw,50px);color:#3e3e3e}.hero-copy,.lead-copy,.result-screen p{max-width:570px;margin:0 auto;color:var(--muted);font-size:16px;line-height:1.7}.hero-meta{display:flex;justify-content:center;gap:28px;margin:26px 0 32px;color:#777;font-size:12px}.button{border:0;border-radius:3px;padding:15px 28px;background:var(--red);color:#fff;font:700 13px 'Open Sans';text-transform:uppercase;letter-spacing:.04em;cursor:pointer;transition:.2s}.button:hover{background:var(--red-dark);transform:translateY(-1px)}.button-secondary{background:#777}.privacy{margin:17px 0 0;color:#999;font-size:11px}.progress-row{display:flex;justify-content:space-between;color:#888;font-size:12px}.progress{height:5px;margin:10px 0 40px;background:#ececec}.progress span{display:block;height:100%;background:var(--red);transition:width .3s}.question-card h2{max-width:600px;margin:0 0 24px;font-size:clamp(27px,4.3vw,38px);color:#3e3e3e}.answers{display:grid;gap:10px}.answer{display:flex;align-items:center;gap:13px;width:100%;padding:17px 18px;border:1px solid var(--line);border-radius:3px;background:#fff;color:#4d4d4d;text-align:left;font:600 14px 'Open Sans';cursor:pointer;transition:.2s}.answer:hover,.answer:focus-visible{border-color:var(--red);box-shadow:0 2px 8px rgba(221,51,51,.12);outline:0}.answer-dot{width:18px;height:18px;flex:none;border:2px solid #bbb;border-radius:50%}.lead-screen h2{color:#3e3e3e}.lead-screen form{display:grid;grid-template-columns:1fr 1fr;gap:16px 14px;margin-top:26px}.lead-screen label,.lead-screen legend{font-size:12px;font-weight:700;color:#555}.lead-screen input,.lead-screen select{display:block;width:100%;margin-top:6px;padding:13px;border:1px solid #ccc;border-radius:2px;background:#fff;color:#444;font:400 14px 'Open Sans'}.lead-screen input:focus,.lead-screen select:focus{outline:2px solid #f0b0b0;border-color:var(--red)}fieldset{grid-column:1/-1;padding:0;border:0}.choice{display:flex!important;align-items:center;gap:8px;margin-top:11px;font-weight:400!important}.choice input{display:inline;width:auto;margin:0;accent-color:var(--red)}.form-error{grid-column:1/-1!important;margin:0!important;color:var(--red)!important;font-size:12px!important}.lead-screen form>.button{grid-column:1/-1;justify-self:start;margin-top:2px}.result-screen{text-align:center;padding-top:62px;padding-bottom:75px}.result-screen p{margin-bottom:26px}.result-icon{display:grid;place-items:center;margin:0 auto 18px;width:62px;height:62px;border-radius:50%;background:#fbe8e8;color:var(--red);font-size:28px}.result-icon.muted{background:#eee;color:#777}.result-actions{margin-top:25px}@media(max-width:620px){.quiz-shell{width:calc(100% - 16px);margin:8px auto 28px}.brand{padding:21px 20px 16px}.brand-logo{width:195px}.hero,.quiz-screen{padding:38px 23px 48px}.hero-meta{display:grid;gap:8px}.lead-screen form{grid-template-columns:1fr}.lead-screen fieldset,.form-error,.lead-screen form>.button{grid-column:1}}
body{background-color:#f6f4f5;background-image:linear-gradient(rgba(246,244,245,.88),rgba(246,244,245,.88)),url('https://clubedafala.com.br/wp-content/uploads/2020/04/bg-blog.jpg');background-size:auto,cover;background-attachment:fixed}
/* Fundo inspirado no quiz RD Summit: vermelho vivo com padrão orgânico em camadas. */
body{background-color:#d7193f;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='720' height='520' viewBox='0 0 720 520'%3E%3Cg fill='none' stroke-linecap='round'%3E%3Cpath d='M-80 110C70 20 170 40 265 120s175 113 283 25 170-90 255-34' stroke='%23c91439' stroke-width='58'/%3E%3Cpath d='M-95 290c135-105 227-83 317 5s172 126 282 28 167-102 255-46' stroke='%23e21d46' stroke-width='42'/%3E%3Cpath d='M-100 470c113-97 210-86 292-6s174 108 284 22 169-94 258-22' stroke='%23c91439' stroke-width='48'/%3E%3Cpath d='M120-60c48 93 42 164-23 219S18 302 71 388s92 145 55 225' stroke='%23e21d46' stroke-width='32'/%3E%3Cpath d='M605-70c-46 93-38 165 29 223s85 137 34 228-74 152-31 225' stroke='%23c91439' stroke-width='38'/%3E%3C/g%3E%3C/svg%3E");background-attachment:fixed;background-size:720px 520px}.quiz-shell{border-radius:28px;overflow:hidden}