:root{--blue:#91aefa;--paper:#f5f7fd;--ink:#0b1020;--font:'Outfit','Avenir Next',sans-serif}*{box-sizing:border-box}html{min-height:100%;background:#060810}body{margin:0;color:white;font-family:var(--font);-webkit-font-smoothing:antialiased;overflow-x:hidden}button,input,textarea{font:inherit}button,a{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #7096ff;outline-offset:4px}a{color:inherit;text-decoration:none}.ambient{position:fixed;pointer-events:none;border-radius:50%;filter:blur(90px);z-index:-1;animation:drift 12s ease-in-out infinite alternate}.ambient-one{width:45vw;height:45vw;background:#224aa42e;top:-20%;right:-8%}.ambient-two{width:35vw;height:35vw;background:#1a387f25;bottom:-18%;left:-15%;animation-delay:-5s}.grid{position:fixed;inset:0;pointer-events:none;z-index:-1;opacity:.22;background-image:linear-gradient(#ffffff0c 1px,transparent 1px),linear-gradient(90deg,#ffffff0c 1px,transparent 1px);background-size:90px 90px;mask-image:linear-gradient(90deg,transparent,#000,transparent)}.header{height:88px;padding:0 clamp(22px,6vw,86px);border-bottom:1px solid #ffffff17;display:flex;justify-content:space-between;align-items:center}.logo img{display:block;width:clamp(155px,16vw,205px);height:40px;object-fit:contain;object-position:left}.header-tag,.topline,.bottomline,footer,.side-label{font-size:10px;letter-spacing:.17em;font-weight:700}.header-tag{color:#a8b3cb}.live-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#88aaff;margin-right:9px;box-shadow:0 0 14px #7fa3fa;animation:pulse 2.4s infinite}.quiz-shell{max-width:1190px;padding:45px 30px 28px;margin:auto}.topline{display:flex;justify-content:space-between;color:#8a9ab7;margin-bottom:15px}.topline #section{color:#91b2ff}.progress{height:3px;background:#ffffff18;border-radius:5px;overflow:hidden}.progress span{height:100%;display:block;background:linear-gradient(90deg,#668bfc,#a7c5ff);box-shadow:0 0 16px #82a5ff;transition:width .65s cubic-bezier(.22,1,.36,1)}.quiz-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(35px,7vw,100px);align-items:center;min-height:570px;padding:38px 0}.side{position:relative;min-height:450px;display:flex;flex-direction:column;justify-content:center}.side-orbit{position:absolute;width:240px;height:240px;top:8px;left:45px;border:1px solid #8ca9ff22;border-radius:50%;box-shadow:0 0 0 35px #799bf80a,0 0 0 75px #799bf808;animation:spin 28s linear infinite}.side-orbit span{position:absolute;color:#93b4ff;top:20px;left:35px;font-size:19px;text-shadow:0 0 25px #6992fd}.side-copy{position:relative;margin-top:90px}.side-label{color:#87aafa}.side h1{font-size:clamp(39px,4.5vw,65px);line-height:1;letter-spacing:-.055em;margin:23px 0;font-weight:800}.side h1 em{font-style:normal;color:var(--blue)}.side p{max-width:320px;color:#9aa8be;line-height:1.65;font-size:15px}.side-bottom{position:absolute;bottom:0;color:#8394af;font-size:10px;font-weight:700;letter-spacing:.15em}.side-bottom span{color:#8babfd;font-size:17px;vertical-align:middle}.side-bottom i{display:inline-block;width:30px;height:1px;background:#66758e;margin:0 10px 3px}.card{background:var(--paper);color:var(--ink);border-radius:26px;box-shadow:0 35px 90px #0007,0 1px 0 #fff9 inset;min-height:465px;padding:clamp(26px,4.3vw,56px);position:relative;overflow:hidden}.card:before{content:'';position:absolute;width:250px;height:250px;right:-130px;top:-130px;background:#99b5ff22;border-radius:50%}.card form{min-height:355px;display:flex;flex-direction:column;position:relative}.question{animation:arrive .55s cubic-bezier(.2,.8,.2,1) both}.question.reverse{animation-name:arriveBack}.q-tag{font-size:10px;letter-spacing:.18em;color:#6c8cdb;font-weight:700;display:flex;align-items:center;gap:9px}.q-tag:before{content:'';width:22px;height:2px;background:#86a9ff}.question h2{font-size:clamp(30px,3.8vw,49px);line-height:1.06;letter-spacing:-.045em;margin:23px 0 13px;font-weight:800}.hint{font-size:15px;color:#798499;line-height:1.55;margin:0 0 27px}.input{width:100%;border:0;border-bottom:2px solid #d4ddeb;background:transparent;color:#101b31;font-size:18px;padding:14px 0;outline:none;transition:border-color .25s}.input:focus{border-color:#7296ed;outline:none}.input::placeholder{color:#abb5c5}.input.textarea{min-height:120px;resize:vertical;line-height:1.5}.input:focus-visible{outline:2px solid #7096ff;outline-offset:4px}.options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.option{display:flex;align-items:center;gap:10px;min-height:54px;border:1px solid #dbe2ee;background:#fff;border-radius:13px;padding:11px 13px;font-size:14px;font-weight:600;cursor:pointer;transition:transform .2s,border-color .2s,background .2s,box-shadow .2s}.option:hover{border-color:#91aff7;transform:translateY(-2px);box-shadow:0 7px 18px #7694d222}.option:has(input:checked){background:#e5edff;border-color:#7f9fef;box-shadow:0 5px 18px #7596e12b;transform:scale(1.015)}.option input{accent-color:#6289ec;width:16px;height:16px;flex:none}.option:has(input:focus-visible){outline:3px solid #7096ff;outline-offset:2px}.option span{line-height:1.25}.actions{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-top:auto;padding-top:28px}.back{border:0;background:none;color:#8490a3;font-weight:600;padding:10px 0}.back:hover{color:#344767}.back:disabled{visibility:hidden}.next{background:#0a1020;color:white;border:0;border-radius:999px;padding:8px 9px 8px 24px;font-size:14px;font-weight:600;display:flex;align-items:center;gap:26px;transition:transform .25s,box-shadow .25s,background .25s}.next:hover{transform:translateY(-2px);box-shadow:0 9px 25px #6685cc55;background:#1a2c50}.next:active{transform:scale(.97)}.arrow{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#91aefa;color:#101a31;font-size:18px;transition:transform .25s}.next:hover .arrow{transform:rotate(45deg)}.status{color:#b32645;font-size:13px;margin-top:12px;min-height:0}.bottomline{display:flex;justify-content:space-between;gap:20px;color:#6f7d97;font-size:9px}.review{white-space:pre-wrap;background:#fff;border:1px solid #dce5f5;border-radius:14px;padding:16px;max-height:220px;overflow:auto;color:#42506a;font-size:12px;line-height:1.6}.notice{font-size:13px;color:#5c6a81;line-height:1.5}.copy{border:1px solid #cbd7e9;border-radius:99px;background:#fff;padding:10px 14px;font-size:13px;color:#405170}.confetti{position:absolute;right:30px;top:25px;color:#789cf5;font-size:32px;animation:spark .8s ease-out both}footer{border-top:1px solid #ffffff12;display:flex;justify-content:space-between;gap:20px;padding:22px clamp(22px,6vw,86px);font-size:9px;color:#707d94}@keyframes arrive{from{opacity:0;transform:translateY(18px) scale(.985);filter:blur(5px)}to{opacity:1;transform:none;filter:none}}@keyframes arriveBack{from{opacity:0;transform:translateY(-15px);filter:blur(4px)}to{opacity:1;transform:none;filter:none}}@keyframes drift{to{transform:translate(45px,30px) scale(1.12)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{box-shadow:0 0 20px #7fa3fa;opacity:.6}}@keyframes spark{from{transform:scale(.3) rotate(-40deg);opacity:0}to{transform:scale(1) rotate(0);opacity:1}}@media(max-width:760px){.header{height:72px;padding:0 20px}.logo img{width:148px}.header-tag{font-size:9px}.quiz-shell{padding:32px 18px}.quiz-layout{display:block;min-height:0;padding:28px 0}.side{min-height:0;margin-bottom:25px}.side-orbit,.side-bottom{display:none}.side-copy{margin:0}.side-label{font-size:9px}.side h1{font-size:32px;margin:12px 0 8px}.side h1 br{display:none}.side p{font-size:13px;margin:0;line-height:1.45}.card{padding:30px 23px;min-height:420px;border-radius:20px}.card form{min-height:360px}.question h2{font-size:33px}.hint{font-size:14px}.bottomline{font-size:8px}.bottomline span:last-child{text-align:right;max-width:180px}.options{gap:8px}.option{font-size:13px;padding:10px}.actions{padding-top:25px}footer{font-size:8px;flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
/* Quiz motion and small moments of delight */
.header-right{display:flex;align-items:center;gap:20px}.sound-toggle{border:1px solid #ffffff2e;background:#ffffff09;color:#b9c9e5;border-radius:99px;padding:8px 12px;font-size:12px;transition:background .2s,transform .2s}.sound-toggle:hover{background:#ffffff1c;transform:translateY(-2px)}.sound-toggle[aria-pressed=true]{background:#98b6fa;color:#0c1731}.card{min-height:380px;padding-top:clamp(25px,3.5vw,43px);padding-bottom:clamp(25px,3.5vw,43px)}.card form{min-height:300px}.quiz-layout{min-height:490px}.question{position:relative;animation:cardEnter .52s cubic-bezier(.16,1,.3,1) both}.question.reverse{animation:cardEnterBack .48s cubic-bezier(.16,1,.3,1) both}.question.exit-next{animation:cardExit .22s ease-in both}.question.exit-back{animation:cardExitBack .22s ease-in both}.question-emoji{position:absolute;right:0;top:-12px;font-size:29px;line-height:1;animation:floatEmoji 2.6s ease-in-out infinite;filter:drop-shadow(0 5px 8px #7995ce40)}.question h2{padding-right:24px}.option{animation:optionIn .45s both}.option:nth-child(2){animation-delay:.04s}.option:nth-child(3){animation-delay:.08s}.option:nth-child(4){animation-delay:.12s}.option:nth-child(5){animation-delay:.16s}.option:nth-child(6){animation-delay:.2s}.option:nth-child(7){animation-delay:.24s}.option:nth-child(8){animation-delay:.28s}.option:has(input:checked){animation:selectPop .32s cubic-bezier(.2,1.6,.5,1) both}.celebration[hidden]{display:none}.celebration{position:fixed;z-index:10;inset:0;background:#050916cc;backdrop-filter:blur(10px);display:grid;place-items:center;padding:20px;overflow:hidden;animation:fadeIn .25s both}.celebration-card{position:relative;z-index:1;width:min(450px,100%);padding:40px;text-align:center;border-radius:28px;background:#f5f7fd;color:#10182b;box-shadow:0 30px 90px #0008;animation:celebrationPop .65s cubic-bezier(.16,1.4,.3,1) both}.celebration-card .q-tag{justify-content:center}.celebration-card h2{font-size:clamp(36px,6vw,51px);line-height:1;letter-spacing:-.05em;margin:18px 0}.celebration-card h2 span{color:#7196ed}.celebration-card p{color:#738098;line-height:1.5}.celebration-next{margin:22px auto 0}.celebration-emoji{font-size:62px;animation:rocket 1.6s ease-in-out infinite}.confetti-layer{position:absolute;inset:0;pointer-events:none;overflow:hidden}.confetti-layer i{position:absolute;top:-30px;left:var(--x);width:9px;height:16px;background:var(--color);border-radius:2px;animation:confettiFall 2.6s var(--delay) ease-in forwards;transform:rotate(var(--rotate))}@keyframes cardEnter{from{opacity:0;transform:translate(35px,12px) scale(.96);filter:blur(6px)}to{opacity:1;transform:none;filter:none}}@keyframes cardEnterBack{from{opacity:0;transform:translate(-35px,10px) scale(.96);filter:blur(6px)}to{opacity:1;transform:none;filter:none}}@keyframes cardExit{to{opacity:0;transform:translateX(-32px) scale(.97);filter:blur(4px)}}@keyframes cardExitBack{to{opacity:0;transform:translateX(32px) scale(.97);filter:blur(4px)}}@keyframes floatEmoji{50%{transform:translateY(-8px) rotate(10deg)}}@keyframes optionIn{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes selectPop{50%{transform:scale(1.05)}to{transform:scale(1.015)}}@keyframes celebrationPop{from{opacity:0;transform:translateY(45px) scale(.75)}to{opacity:1;transform:none}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes rocket{50%{transform:translateY(-9px) rotate(12deg)}}@keyframes confettiFall{to{top:110%;transform:translateX(75px) rotate(700deg);opacity:.3}}@media(max-width:760px){.header-right{gap:10px}.sound-toggle{padding:7px 9px}.sound-toggle span{font-size:10px}.header-tag{display:none}.quiz-layout{min-height:0}.card{min-height:330px;padding:26px 22px}.card form{min-height:280px}.celebration-card{padding:32px 25px}.question-emoji{top:-7px;font-size:25px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
.send-options{display:grid;gap:10px;margin:18px 0}.send-option{display:flex;align-items:center;gap:13px;text-align:left;border:1px solid #d8e2f2;border-radius:15px;background:#fff;padding:14px;width:100%;color:#14203a;transition:transform .22s,box-shadow .22s,border-color .22s}.send-option:hover{transform:translateY(-3px);border-color:#8caafb;box-shadow:0 12px 25px #7194da2b}.send-option b,.send-option small{display:block}.send-option b{font-size:14px}.send-option small{font-size:12px;color:#8290a4;margin-top:3px}.send-icon{width:40px;height:40px;flex:none;border-radius:13px;display:grid;place-items:center;font-size:20px;background:#e5edff;color:#416ac3}.whatsapp .send-icon{background:#def7e9;color:#168952}.send-chevron{margin-left:auto;color:#7892bd;font-size:20px}.next[hidden]{display:none}
/* Paleta do portfólio e alternância de tema */
html{background:#f4f7fe;color-scheme:light}body{color:#0a0d14}.grid{z-index:-1;opacity:1;background-image:linear-gradient(rgba(40,70,170,.075) 1px,transparent 1px),linear-gradient(90deg,rgba(40,70,170,.075) 1px,transparent 1px);background-size:44px 44px;mask-image:radial-gradient(80% 80% at 50% 45%,#000 25%,transparent 85%);-webkit-mask-image:radial-gradient(80% 80% at 50% 45%,#000 25%,transparent 85%)}.ambient-one{background:#a8c2ff24}.ambient-two{background:#c6d6ff28}.header{border-color:rgba(40,70,170,.1)}.logo-dark{display:none!important}.header-tag{color:#697994}.sound-toggle,.theme-toggle{border:1px solid #cdd9ef;background:#ffffffad;color:#324a70;border-radius:99px;padding:8px 12px;font-size:12px;transition:background .2s,transform .2s,border-color .2s;white-space:nowrap}.sound-toggle:hover,.theme-toggle:hover{background:#e6efff;border-color:#a2b9eb;transform:translateY(-2px)}.theme-icon{font-size:16px;line-height:0;vertical-align:middle;margin-right:4px}.sound-toggle[aria-pressed=true]{background:#dbe7ff;color:#294c8b}.topline{color:#697891}.topline #section,.side-label{color:#587bc2}.progress{background:#dae3f2}.side h1 em{color:#6d91df}.side p{color:#5d687b}.side-orbit{border-color:#7f9dd730;box-shadow:0 0 0 35px #7392cb09,0 0 0 75px #7392cb09}.side-bottom,.bottomline,footer{color:#71819b}footer{border-color:#283eaa16}.card{background:#fff;border:1px solid #e1e8f4;box-shadow:0 22px 60px #263f7516,0 1px 0 #fff inset}.celebration-card{background:#fff}
html[data-theme="dark"]{background:#060810;color-scheme:dark}html[data-theme="dark"] body{color:#f4f7fe}html[data-theme="dark"] .grid{background-image:linear-gradient(#ffffff0e 1px,transparent 1px),linear-gradient(90deg,#ffffff0e 1px,transparent 1px)}html[data-theme="dark"] .ambient-one{background:#224aa42e}html[data-theme="dark"] .ambient-two{background:#1a387f25}html[data-theme="dark"] .header{border-color:#ffffff17}html[data-theme="dark"] .logo-light{display:none!important}html[data-theme="dark"] .logo-dark{display:block!important}html[data-theme="dark"] .header-tag{color:#a8b3cb}html[data-theme="dark"] .sound-toggle,html[data-theme="dark"] .theme-toggle{border-color:#ffffff2e;background:#ffffff09;color:#b9c9e5}html[data-theme="dark"] .sound-toggle:hover,html[data-theme="dark"] .theme-toggle:hover{background:#ffffff1c}html[data-theme="dark"] .sound-toggle[aria-pressed=true]{background:#98b6fa;color:#0c1731}html[data-theme="dark"] .topline{color:#9aa9c2}html[data-theme="dark"] .topline #section,html[data-theme="dark"] .side-label{color:#91b2ff}html[data-theme="dark"] .progress{background:#ffffff18}html[data-theme="dark"] .side h1 em{color:#91aefa}html[data-theme="dark"] .side p{color:#aab8cd}html[data-theme="dark"] .side-orbit{border-color:#8ca9ff22;box-shadow:0 0 0 35px #799bf80a,0 0 0 75px #799bf808}html[data-theme="dark"] footer{border-color:#ffffff12}html[data-theme="dark"] .card,html[data-theme="dark"] .celebration-card{background:#101725;color:#f1f5ff;border-color:#ffffff19;box-shadow:0 25px 80px #0007}html[data-theme="dark"] .question h2{color:#f1f5ff}html[data-theme="dark"] .hint,html[data-theme="dark"] .celebration-card p{color:#adb9cc}html[data-theme="dark"] .input{color:#f2f5fc;border-color:#43516b}html[data-theme="dark"] .input::placeholder{color:#8997ad}html[data-theme="dark"] .input:focus{border-color:#91aefa}html[data-theme="dark"] .option,html[data-theme="dark"] .send-option,html[data-theme="dark"] .copy{background:#1b273b;color:#f2f5ff;border-color:#35435c}html[data-theme="dark"] .option:has(input:checked){background:#293e68;border-color:#91aefa}html[data-theme="dark"] .back{color:#afbdd1}html[data-theme="dark"] .next{background:#d4e0ff;color:#0a1630}html[data-theme="dark"] .next:hover{background:#fff}html[data-theme="dark"] .review{background:#192439;border-color:#35445c;color:#dce6f7}html[data-theme="dark"] .notice{color:#b8c5da}html[data-theme="dark"] .send-option small{color:#b0bed1}html[data-theme="dark"] .status{color:#ff96a9}@media(max-width:760px){.header-right{gap:7px}.sound-toggle,.theme-toggle{padding:8px;font-size:11px}.theme-label{font-size:10px}.logo img{width:132px}.quiz-shell{padding-top:28px}}@media(max-width:360px){.sound-toggle span{display:none}.theme-label{font-size:9px}.logo img{width:120px}}
/* A pergunta é o centro da experiência, especialmente no celular. */
.theme-toggle{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;padding:0}.theme-toggle .theme-icon{font-size:20px;line-height:1;margin:0}.theme-toggle .theme-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.topline #section{visibility:hidden}.side-copy h1{font-size:clamp(36px,4.5vw,62px)}.bottomline{align-items:center}.bottomline .sound-toggle{flex:none}.card:after{content:"";position:absolute;inset:0;border-radius:inherit;padding:1.5px;pointer-events:none;background:conic-gradient(from var(--border-angle),transparent 0deg,#94b5ff 50deg,transparent 100deg,transparent 180deg,#c2d5ff 230deg,transparent 280deg);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;animation:borderFlow 6s linear infinite;opacity:.85}@property --border-angle{syntax:'<angle>';initial-value:0deg;inherits:false}@keyframes borderFlow{to{--border-angle:360deg}}html[data-theme="dark"] .card:after{opacity:.8}@media(max-width:760px){.header{height:62px}.header-tag{display:none}.header-right{gap:0}.logo img{width:125px;height:32px}.theme-toggle{width:38px;height:38px}.theme-icon{font-size:19px}.quiz-shell{padding:18px 18px 24px}.topline{margin-bottom:9px}.quiz-layout{padding:18px 0}.side{margin-bottom:17px}.side-copy h1{font-size:27px;line-height:1.05;margin:0 0 6px}.side p{font-size:13px}.card{min-height:315px;padding:25px 22px}.card form{min-height:265px}.question h2{font-size:30px;margin:18px 0 10px}.hint{font-size:13px;margin-bottom:20px}.actions{padding-top:20px}.bottomline{font-size:8px}.bottomline span:first-child{max-width:195px;line-height:1.5}.bottomline .sound-toggle span{display:inline;font-size:10px}footer{padding-top:16px;padding-bottom:16px}}@media(prefers-reduced-motion:reduce){.card:after{animation:none}}