@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@600;700;800&display=swap";:root{--navy:#070d2b;--blue:#173b67;--gold:#d3a94f;--cream:#f4f0e7;--ink:#11182f;--muted:#687080}*{box-sizing:border-box}html,body{height:100%}body{margin:0;overflow:hidden;background:var(--cream);color:var(--ink);font:16px/1.5 DM Sans,sans-serif}button,input,textarea{font:inherit}header{position:fixed;inset:0 0 auto;z-index:10;height:82px;padding:0 clamp(24px,4vw,64px);display:flex;align-items:center;justify-content:space-between}header img{width:225px;height:55px;object-fit:contain;object-position:left}.head-progress{display:flex;align-items:center;gap:14px;color:var(--muted);font-size:.78rem}.head-progress i{display:block;width:120px;height:4px;border-radius:4px;background:#d7d4cd;overflow:hidden}.head-progress b{display:block;width:0;height:100%;background:var(--gold);transition:width .35s}main,form{height:100%}.screen{display:none;height:100%;padding:105px max(24px,calc((100% - 1020px)/2)) 70px;align-items:center}.screen.active{display:flex;animation:enter .42s cubic-bezier(.22,.8,.35,1)}@keyframes enter{0%{opacity:0;transform:translateY(28px)}}.question{width:100%;max-width:820px;margin:auto}.kicker{margin:0 0 20px;color:var(--blue);font-weight:800;font-size:.75rem;letter-spacing:.16em}h1,h2{margin:0;font-family:Manrope,sans-serif;line-height:1.08;letter-spacing:-.05em}h1{font-size:clamp(2.75rem,5.5vw,5.35rem)}h2{font-size:clamp(2.25rem,4.4vw,4rem)}mark{background:none;color:var(--blue)}.description{max-width:690px;margin:20px 0 30px;color:var(--muted);font-size:1.08rem}.intro{grid-template-columns:1.2fr .8fr;gap:70px;max-width:1260px;margin:auto}.intro.active{display:grid}.intro-meta{display:flex;gap:25px;margin-bottom:32px;color:var(--muted);font-size:.85rem}.intro-meta span:before{content:"✓";margin-right:7px;color:var(--blue);font-weight:800}.primary{display:inline-flex;min-height:54px;padding:0 22px;align-items:center;gap:28px;border:0;border-radius:7px;background:var(--blue);color:#fff;font-weight:800;text-decoration:none;cursor:pointer;box-shadow:0 8px 24px #173b6729;transition:.18s}.primary:hover{transform:translateY(-2px);background:#214b7c}.primary em{font-style:normal;color:#d8c079}.question>small{margin-left:12px;color:var(--muted)}.visual{position:relative;display:grid;place-items:center;min-height:420px}.visual>span{position:absolute;width:410px;height:410px;border:1px dashed #173b6740;border-radius:50%;animation:rotate 35s linear infinite}@keyframes rotate{to{transform:rotate(360deg)}}.visual img{width:185px;z-index:2;filter:drop-shadow(0 24px 35px #070d2b22)}.visual p{position:absolute;right:0;bottom:20px;padding:18px 22px;background:#fff;border-radius:12px;box-shadow:0 15px 40px #070d2b14}.visual strong{display:block;font:800 2rem Manrope;color:var(--blue)}.number{display:flex;align-items:center;gap:8px;margin:0 0 14px;color:var(--blue);font-weight:800}.number span{display:grid;place-items:center;width:29px;height:29px;border-radius:50%;background:var(--blue);color:#fff;font-size:.8rem}.line{display:block;max-width:680px;margin:32px 0 24px}.line>small{display:block;margin-bottom:7px;color:var(--muted)}.line input,.line textarea{display:block;width:100%;padding:9px 0;border:0;border-bottom:2px solid #9aa1ad;background:transparent;color:var(--blue);outline:0;font:600 clamp(1.45rem,3vw,2.25rem) Manrope;resize:none}.line input:focus,.line textarea:focus{border-color:var(--gold)}.line textarea,.line.compact input{font-size:1.25rem}.line.compact{margin-top:15px}.choices{display:grid;gap:9px;max-width:760px}.choices.grid{grid-template-columns:1fr 1fr}.choices.short{max-width:630px}.choices label{cursor:pointer}.choices input{position:absolute;opacity:0}.choices label>span{display:grid;grid-template-columns:36px 1fr auto;align-items:center;min-height:66px;padding:11px 16px;border:1.5px solid #aeb6c1;border-radius:8px;background:#ffffff6e;transition:.15s}.choices.grid label>span{grid-template-columns:36px 1fr}.choices label>span:hover{border-color:var(--blue);transform:translate(4px)}.choices input:checked+span{border-color:var(--blue);background:#e8edf4;box-shadow:inset 0 0 0 1px var(--blue)}kbd{display:grid;width:24px;height:24px;place-items:center;border:1px solid #8e99a8;border-radius:4px;background:#fff;color:var(--blue);font:700 .75rem DM Sans}.choices strong{font-family:Manrope}.choices i{color:var(--muted);font-style:normal;font-size:.82rem}.consent{display:flex;max-width:680px;gap:10px;margin:24px 0;color:var(--muted);font-size:.83rem}.consent a{color:var(--blue)}.error{min-height:24px;color:#a92828;font-weight:700;font-size:.85rem}.controls{position:fixed;right:28px;bottom:25px;display:flex;border-radius:7px;overflow:hidden;box-shadow:0 8px 24px #070d2b1f}.controls button{width:42px;height:39px;border:0;border-right:1px solid #fff4;background:var(--blue);color:#fff;cursor:pointer}.controls button:disabled{opacity:.35}.result{background:radial-gradient(circle at 85% 20%,#244e7e 0,transparent 30%),var(--navy);color:#fff}.result .description{color:#c7cfdd}.result .kicker{color:var(--gold)}.result mark{color:var(--gold)}.success{display:grid;width:64px;height:64px;margin-bottom:25px;place-items:center;border-radius:50%;background:var(--gold);color:var(--navy);font-size:1.8rem}.summary{display:grid;grid-template-columns:repeat(3,1fr);max-width:760px;margin:28px 0;gap:8px}.summary span{padding:17px;background:#ffffff10;border:1px solid #ffffff26;border-radius:8px;font-weight:700}.summary small{display:block;color:#aebbd1;font-weight:400}.whatsapp{background:var(--gold);color:var(--navy)}.restart{display:block;margin-top:20px;border:0;background:none;color:#bfc8d8;text-decoration:underline;cursor:pointer}:focus-visible{outline:3px solid var(--gold);outline-offset:3px}@media(max-width:800px){header{height:68px}header img{width:190px}.intro.active{display:flex}.visual{display:none}.screen{padding-top:90px;padding-bottom:65px;overflow:auto}.choices.grid{grid-template-columns:1fr}.choices label>span{grid-template-columns:34px 1fr}.choices i{display:none}.summary{grid-template-columns:1fr}.head-progress i{width:75px}}@media(max-width:500px){h1{font-size:2.75rem}h2{font-size:2.25rem}.intro-meta{flex-direction:column;gap:6px}.question>small{display:none}.screen{padding-left:22px;padding-right:22px}.controls{right:16px;bottom:14px}}