:root{--navy:#082d50;--gold:#b88a32;--ink:#253344;--muted:#647182;--bg:#f6f8fb;--line:#e3e9f0;--green:#15815e;--red:#b64040}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.6}.brand{min-height:145px;padding:34px 20px 24px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px}.brand-placeholder{display:inline-flex;height:59px;min-width:168px;justify-content:center;align-items:center;border:1px dashed #bbc7d3;color:#8291a2;font-size:13px;letter-spacing:2px;border-radius:7px}.brand img{display:block;max-width:190px;max-height:95px;object-fit:contain}.brand-sub{font-size:10px;letter-spacing:2px;color:#788697}main{width:min(100% - 32px,560px);margin:0 auto;outline:none}h1,h2,h3,p{margin-top:0}h1{font-size:26px;line-height:1.3;letter-spacing:-.6px;margin-bottom:18px}h2{font-size:23px;line-height:1.35;margin-bottom:13px}h3{font-size:17px;line-height:1.4;margin-bottom:8px}p{margin-bottom:20px}.muted{color:var(--muted)}.small{font-size:14px}.center{text-align:center}.card{background:white;border:1px solid #edf0f4;border-radius:20px;padding:34px 30px;box-shadow:0 8px 32px #16385804}.intro{text-align:center}.intro p{color:#65707e}.eyebrow{color:var(--gold);font-size:12px;letter-spacing:1.7px;font-weight:bold;text-transform:uppercase;display:block;margin-bottom:12px}button,a.primary{font:inherit;cursor:pointer}button{touch-action:manipulation}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #caa24b;outline-offset:4px}.primary{display:flex;align-items:center;justify-content:center;width:100%;min-height:56px;padding:15px 18px;border:0;border-radius:9px;background:var(--navy);color:white;text-decoration:none;font-size:14px;font-weight:700;letter-spacing:.35px;transition:background .18s,transform .18s}.primary:hover{background:#124671}.primary:active{transform:translateY(1px)}.primary:disabled{background:#d9dfe6;color:#8b95a0;cursor:not-allowed}.primary.gold{background:#b48936}.primary.gold:hover{background:#99712a}.secondary{border:1px solid var(--line);background:white;color:var(--navy);padding:12px 17px;border-radius:8px;min-height:48px}.back{border:0;background:none;color:var(--muted);padding:0;margin-bottom:22px;font-size:14px}.benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:25px 0}.benefits strong{display:block;font-size:14px;margin:7px 0 3px}.benefits span{font-size:12px;color:var(--muted);display:block;line-height:1.5}.ico{color:var(--gold);font-size:23px}.note{background:#f3f6fa;border-radius:8px;padding:14px 16px;font-size:14px;margin:20px 0}.meta{font-size:12px;color:var(--muted);margin:12px 0 0}.certificate{background:#fffcf6;border:1px solid #d6ba77;padding:9px;margin:24px auto;position:relative;box-shadow:0 3px 10px #17304712;overflow:hidden}.cert-inner{border:1px solid #e2cfaa;padding:22px 17px;text-align:center;background:linear-gradient(135deg,#f8f1df60,transparent 40%)}.cert-label{font-size:10px;letter-spacing:2px;color:var(--navy);font-weight:bold}.cert-title{font-family:Georgia,serif;font-size:31px;color:#ad822e;letter-spacing:3px;line-height:1.1;margin:18px 0 8px}.cert-sub{font-size:9px;letter-spacing:1.3px;color:var(--navy)}.cert-name{font-family:Georgia,serif;font-size:21px;line-height:1.4;border-bottom:1px solid #d6c7a6;max-width:94%;margin:20px auto 12px;padding:0 3px 8px;overflow-wrap:anywhere}.cert-copy{font-size:10px;line-height:1.6;max-width:340px;margin:0 auto;color:#56616e}.cert-bottom{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:8px;margin-top:20px;color:#68717d}.cert-mark{border:1px solid #c4a057;border-radius:50%;height:48px;width:48px;display:grid;place-content:center;color:#b58a39;font-size:9px;line-height:1.3;font-weight:bold}.cert-watermark{font-size:9px;letter-spacing:2px;color:#9c8558;margin-top:14px}.areas{display:grid;gap:12px;margin:23px 0}.area{display:flex;width:100%;text-align:left;align-items:center;gap:15px;padding:18px;border:1px solid var(--line);background:white;border-radius:11px;color:var(--ink)}.area:hover{border-color:#90a6bd}.area[aria-pressed=true]{border-color:var(--navy);background:#f0f5fa}.area-icon{background:#eef3f8;border-radius:8px;color:var(--navy);font-size:22px;width:43px;height:43px;display:grid;place-items:center;flex-shrink:0}.area strong,.area small{display:block}.area strong{font-size:15px}.area small{font-size:13px;color:var(--muted);margin-top:3px}.tick{margin-left:auto;width:20px;height:20px;border:1px solid #ccd5df;border-radius:50%;flex-shrink:0}.area[aria-pressed=true] .tick{background:var(--navy);border-color:var(--navy)}.area[aria-pressed=true] .tick:after{content:'✓';display:block;color:white;text-align:center;font-size:12px}.progress-top{display:flex;justify-content:space-between;color:var(--muted);font-size:13px;gap:10px;margin-bottom:11px}.progress{height:7px;background:#e9eef3;border-radius:20px;overflow:hidden;margin-bottom:27px}.progress span{display:block;height:100%;background:var(--gold);transition:width .3s}.category{font-size:11px;font-weight:bold;letter-spacing:1px;color:var(--gold);margin-bottom:12px}.question{font-size:22px;line-height:1.45;margin-bottom:25px}.answers{display:grid;gap:12px}.answer{display:flex;align-items:center;text-align:left;gap:13px;width:100%;padding:16px;border:1px solid var(--line);background:white;color:var(--ink);border-radius:9px;font-size:15px;line-height:1.5}.letter{display:grid;place-items:center;flex-shrink:0;width:31px;height:31px;border-radius:6px;background:#f1f4f8;font-size:13px;font-weight:bold;color:#66788b}.answer:not(:disabled):hover{border-color:#7d99b2;background:#f7fafc}.answer.correct{border-color:#80bea8;background:#edf8f2}.answer.correct .letter{background:var(--green);color:white}.answer.wrong{border-color:#dcaaaa;background:#fff2f2}.answer.wrong .letter{background:var(--red);color:white}.answer:disabled{cursor:default;color:var(--ink)}.feedback{border-radius:9px;padding:15px;margin:18px 0;font-size:14px;background:#edf8f2;color:#246349}.feedback.wrong{background:#fff5f2;color:#8b493f}.feedback strong{display:block;margin-bottom:5px}.quiz-next{margin-top:23px}.score-ring{width:142px;height:142px;border-radius:50%;display:grid;place-items:center;margin:0 auto 23px;background:conic-gradient(var(--green) var(--score),#e8eff0 0)}.score-ring>div{background:white;width:120px;height:120px;border-radius:50%;display:flex;flex-direction:column;justify-content:center}.score-ring strong{font-size:36px;line-height:1.2;color:var(--navy)}.score-ring span{font-size:12px;color:var(--muted)}.badge{display:inline-block;background:#eaf7f0;color:#18794e;padding:5px 14px;border-radius:30px;font-size:12px;font-weight:bold;letter-spacing:.5px;margin-bottom:17px}.result-stats{display:flex;justify-content:center;gap:30px;margin:22px 0}.result-stats strong{display:block;font-size:21px;color:var(--navy)}.result-stats span{font-size:12px;color:var(--muted)}label{display:block;font-size:14px;font-weight:bold;text-align:left;margin-bottom:8px}input{width:100%;padding:15px 13px;border:1px solid #ced7e1;border-radius:8px;font:inherit;color:var(--ink);background:white;min-height:52px}.error{color:var(--red);font-size:13px;text-align:left;margin-top:7px}.offer-header{text-align:center}.offer-header h1{font-size:27px}.offer-section{margin:23px 0;padding:28px}.offer-list{list-style:none;padding:0;margin:20px 0}.offer-list li{padding:10px 0 10px 28px;position:relative;font-size:15px;border-bottom:1px solid #f0f2f5}.offer-list li:before{content:'✓';position:absolute;left:0;color:var(--green);font-weight:bold}.price{font-size:53px;font-weight:bold;line-height:1.2;color:var(--navy);letter-spacing:-2px;margin:8px 0}.price sup{font-size:22px;vertical-align:super;letter-spacing:0}.price small{font-size:26px;letter-spacing:0}.offer-box{border-top:4px solid var(--gold)}.steps{counter-reset:step}.step{display:flex;gap:14px;margin:20px 0;align-items:flex-start;font-size:14px}.step:before{counter-increment:step;content:counter(step);display:grid;place-items:center;width:30px;height:30px;flex-shrink:0;background:#edf2f8;border-radius:50%;font-weight:bold;color:var(--navy)}.step p{margin:3px 0 0;color:var(--muted)}details{border-bottom:1px solid var(--line);padding:16px 0;font-size:14px}summary{cursor:pointer;font-weight:bold;color:var(--navy);padding-right:9px}details p{margin:12px 0 0;color:var(--muted)}.text-button{background:none;border:0;color:var(--navy);font-size:14px;text-decoration:underline;padding:8px}.loading-circle{width:56px;height:56px;border:4px solid #edf1f6;border-top-color:var(--gold);border-radius:50%;animation:spin 1s linear infinite;margin:30px auto}.review-list{text-align:left;list-style:none;padding:0;font-size:14px}.review-list li{padding:10px 0;border-bottom:1px solid var(--line)}footer{text-align:center;padding:30px 22px 40px;font-size:12px;color:#7b8694;line-height:1.8;max-width:570px;margin:0 auto}.hidden{display:none!important}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:480px){.brand{min-height:124px;padding-top:24px}main{width:calc(100% - 24px)}.card{padding:27px 21px;border-radius:15px}h1{font-size:23px}.question{font-size:20px}.cert-inner{padding:17px 9px}.cert-title{font-size:26px;letter-spacing:2px}.cert-name{font-size:19px}.benefits{gap:8px}.benefits strong{font-size:13px}.benefits span{font-size:11px}.area{padding:14px;gap:10px}.area-icon{width:36px;height:36px}.offer-section{padding:24px 21px}.offer-header h1{font-size:25px}}@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}
/* Interface alinhada às referências fornecidas. */
:root{--navy:#08233e;--ink:#08213b;--muted:#45648a;--bg:#f7f9fc;--line:#dce5f1;--blue:#1453ff}body{font-family:Arial,Helvetica,sans-serif}.brand{height:116px;min-height:116px;padding:0 0 20px;gap:0}.brand img{width:185px;max-width:185px;max-height:111px;object-fit:contain}.brand-sub{display:none}main{width:min(calc(100% - 22px),560px)}.card{border-radius:18px;border-color:#edf2f8;box-shadow:none;padding:32px 30px}.intro h1{font-size:23px;letter-spacing:-.35px;margin-bottom:20px}.intro p{font-size:14px;line-height:1.65;color:#33577f}.reference-certificate{display:block;width:calc(100% - 28px);height:auto;margin:24px auto 26px;box-shadow:0 2px 4px #12304a20}.intro blockquote{text-align:left;background:#f7f9fc;border:1px solid #edf2f8;border-radius:11px;padding:17px 19px;margin:22px 0;color:#16365a;font-size:13px;font-style:italic;line-height:1.55}.benefits{gap:15px;margin:20px 0 25px;text-align:left}.benefits>div{border:1px solid #e1ebff;border-radius:11px;background:#f6faff;padding:13px 11px}.line-icon{color:var(--blue);height:26px}.line-icon svg{height:23px;width:23px}.benefits strong{font-size:12px;font-weight:500;margin:8px 0 3px}.benefits span{font-size:11px;color:#25476c;line-height:1.35}.approval-note{display:inline-flex;align-items:center;gap:6px;border-radius:30px;padding:5px 10px;background:#f1f5fa;font-size:11px;color:#173c69}.approval-note svg{height:12px;width:12px;color:#00bc84}.intro-cta{border-top:1px solid #edf1f6;margin-top:23px;padding-top:26px}.intro-cta h2{font-size:22px;line-height:1.35;letter-spacing:-.35px;margin-bottom:20px}.primary{background:linear-gradient(110deg,#1962ff,#1543e5);min-height:48px;border-radius:8px;font-size:14px}.primary:hover{background:#1649e8}.intro-cta .primary{width:auto;margin:auto;min-height:49px;padding:14px 34px;border-radius:30px;box-shadow:0 9px 14px #1558ed35}.trust-row{display:flex;justify-content:center;gap:24px;font-size:11px;color:#194674;margin-top:22px}.trust-row>span{display:flex;align-items:center;gap:6px}.trust-row svg{height:14px;width:14px;color:#155cff}.trust-row>span:last-child svg{color:#00b784}.intro .meta{font-size:11px;margin:13px 0 0;color:#6c819b}body[data-screen=areas] .brand,body[data-screen=quiz] .brand,body[data-screen=areas] footer,body[data-screen=quiz] footer{display:none}body[data-screen=areas] main{max-width:560px;width:calc(100% - 24px)}.area-screen{padding:12px 0 22px;background:transparent;border:0;border-radius:0}.back{font-size:12px;color:#6a81a0;margin-bottom:22px}.area-screen h1{font-size:23px;letter-spacing:-.45px;margin-bottom:12px}.area-screen>p{font-size:14px;line-height:1.6}.areas{gap:12px;margin:24px 0 28px}.area{border-radius:11px;min-height:76px;padding:17px 18px;gap:14px}.area strong{font-size:14px;font-weight:600}.area small{font-size:11px;margin-top:3px;color:#788ea9}.tick{width:17px;height:17px;border:1px solid #dbe5f2;border-radius:2px;background:#f1f5f9;margin:0;flex-shrink:0}.area[aria-pressed=true]{border-color:#80a8ff;background:#f3f7ff}.area[aria-pressed=true] .tick{background:#1557f5;border-color:#1557f5}.area[aria-pressed=true] .tick:after{font-size:12px;line-height:15px}.area-actions{border-top:1px solid #dfe7f1;padding-top:18px}.area-actions .primary{gap:14px;font-size:13px}.area-actions .primary:disabled{background:#e1e7f0;color:#90a4bf}.area-actions .meta{font-size:11px}.quiz-screen{background:transparent;border:0;padding:0;border-radius:0}body[data-screen=quiz] main{width:100%;max-width:620px}.quiz-header{background:white;border-bottom:1px solid #dde6f2;padding:10px 12px 12px}.progress-top{font-size:11px;color:#325780;margin-bottom:9px}.progress{height:7px;margin:0;background:#f0f4f9}.progress span{background:#1c5bfb}.quiz-content{padding:36px 12px 25px}.category{display:table;margin:0 auto 13px;color:#0844d7;background:#dfebff;border-radius:30px;font-size:10px;letter-spacing:.4px;padding:2px 10px;text-transform:uppercase;line-height:1.4}.question{text-align:center;font-size:23px;line-height:1.35;margin-bottom:26px;letter-spacing:-.25px}.answers{gap:13px}.answer{min-height:57px;font-size:14px;border:1px solid #dbe4f0;border-radius:10px;padding:14px 16px;gap:14px;color:#365a81}.letter{width:24px;height:24px;font-size:12px;border:1px solid #dce5f0;border-radius:5px;background:#f2f5f9;color:#183a63}.primary.gold{background:linear-gradient(110deg,#1962ff,#1543e5)}@media(max-width:480px){.card.intro{padding:29px 29px 25px}.intro h1{font-size:21px}.intro p{font-size:13px}.reference-certificate{width:calc(100% - 26px)}.intro-cta h2{font-size:21px}.benefits{gap:13px}.benefits>div{padding:12px 10px}.benefits strong{font-size:11px}.benefits span{font-size:10px}.area-screen{padding:12px 0 22px}.area-screen h1{font-size:22px}.area{min-height:74px}.quiz-screen{padding:0}.question{font-size:22px}.quiz-content{padding-top:35px}}@media(min-width:700px){body[data-screen=areas] main{padding-top:25px}body[data-screen=quiz] main{padding-top:0}.quiz-header{border-left:1px solid #edf1f6;border-right:1px solid #edf1f6}.quiz-content{padding-top:46px}}
.certificate-photo{position:relative;container-type:inline-size;margin:24px auto;box-shadow:0 2px 5px #12304a20}.certificate-photo img{width:100%;height:auto;display:block}.personalized-name{position:absolute;left:17%;top:51.7%;width:66%;height:4.7%;display:flex;align-items:center;justify-content:center;background:#faf7f2;color:#151515;font-family:Georgia,serif;white-space:nowrap;overflow:hidden;line-height:1.1}
/* Fonte da interface alinhada à referência recebida. */
html,body,button,input,select,textarea{font-family:'Segoe UI',Arial,sans-serif}
.personalized-name{font-family:'Segoe UI',Arial,sans-serif}

.answer.shaking{animation:wrong-answer-shake .3s ease-in-out 5}@keyframes wrong-answer-shake{0%,100%{transform:translateX(0)}20%,60%{transform:translateX(-6px)}40%,80%{transform:translateX(6px)}}
/* Logo visível em todas as etapas da avaliação. */
body[data-screen=quiz]>.brand{display:flex;height:116px;min-height:116px;padding:0 0 20px}

/* ---- INTRO V2 (Nova Landing Direta) ---- */
.intro-v2{text-align:center;padding:36px 26px 30px}
.intro-eyebrow{display:inline-block;font-size:12px;font-weight:800;letter-spacing:2px;color:var(--blue);margin-bottom:12px}
.intro-headline{font-size:24px;line-height:1.3;letter-spacing:-.4px;color:var(--ink);margin:0 0 12px;font-weight:800}
.intro-subheadline{font-size:15px;line-height:1.55;color:var(--muted);margin:0 auto 24px;max-width:440px}
.intro-benefits{display:flex;flex-direction:column;gap:10px;margin:0 auto 26px;max-width:320px;text-align:left}
.delivery-proof{margin:26px -4px 27px;padding:18px 14px 15px;border:1px solid #cfe5dc;border-radius:16px;background:#f6fbf8;text-align:left}.delivery-proof-heading{display:flex;align-items:flex-start;gap:11px;margin-bottom:14px}.delivery-proof-check{display:grid;place-items:center;width:29px;height:29px;flex:0 0 29px;border-radius:50%;background:#08785f;color:#fff;font-size:16px;font-weight:800}.delivery-proof-heading h2{margin:0 0 4px;color:#0b3d35;font-size:16px;line-height:1.25;letter-spacing:-.2px}.delivery-proof-heading p{margin:0;color:#55726d;font-size:10px;line-height:1.45}.delivery-proof-list{display:grid;gap:10px}.delivery-proof-card{padding:11px;border:1px solid #d7e8e1;border-radius:12px;background:#fff;box-shadow:0 2px 8px #0a49350d}.delivery-proof-file{display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:9px}.delivery-proof-pdf{display:grid;place-items:center;width:34px;height:38px;border-radius:6px;background:#e82745;color:#fff;font-size:9px;font-weight:800}.delivery-proof-file strong,.delivery-proof-file span{display:block}.delivery-proof-file strong{color:#173c3a;font-size:11px;line-height:1.3}.delivery-proof-file div span{margin-top:2px;color:#718883;font-size:9px}.delivery-proof-status{color:#1498df;font-size:11px;font-weight:800;letter-spacing:-2px}.delivery-proof-card blockquote{width:max-content;max-width:90%;margin:10px 0 0 auto;padding:8px 11px;border:0;border-radius:11px 11px 2px 11px;background:#d9fdd3;color:#173b34;font-size:11px;font-style:normal;line-height:1.4}
.delivery-proof-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.delivery-proof-gallery figure{min-width:0;margin:0;overflow:hidden;border:1px solid #d7e8e1;border-radius:10px;background:#111}.delivery-proof-gallery img{display:block;width:100%;height:auto}.delivery-proof-gallery figcaption{padding:8px 9px;background:#fff;color:#173c3a;font-size:10px;font-weight:600;line-height:1.35}
.delivery-proof-gallery a{display:block}.delivery-proof-gallery a:focus-visible{outline:3px solid #1453ff;outline-offset:-3px}@media(max-width:480px){.delivery-proof-gallery{display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:7px}.delivery-proof-gallery figure{flex:0 0 min(78%,285px);scroll-snap-align:center}}
.delivery-proof-gallery{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-inline:contain;padding-bottom:8px}.delivery-proof-gallery figure{flex:0 0 min(54%,260px);scroll-snap-align:start}.delivery-proof-gallery::-webkit-scrollbar{height:7px}.delivery-proof-gallery::-webkit-scrollbar-thumb{background:#accbc1;border-radius:10px}@media(max-width:480px){.delivery-proof-gallery figure{flex-basis:min(78%,285px)}}
.delivery-proof,.intro-document{content-visibility:auto;contain-intrinsic-size:720px}
.intro-benefit-item{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:600;color:var(--ink)}
.intro-check{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;background:#e6f9f0;color:#108a55;font-size:12px;font-weight:800;flex-shrink:0}
.intro-cta-wrapper{display:flex;flex-direction:column;align-items:center;margin-top:8px}
.intro-start-btn{width:100%;max-width:360px;min-height:54px;font-size:16px;font-weight:700;letter-spacing:.4px;border-radius:30px;box-shadow:0 8px 20px #1558ed40;cursor:pointer;transition:transform .15s,box-shadow .15s}
.intro-start-btn:hover{transform:translateY(-1px);box-shadow:0 10px 24px #1558ed50}
.intro-microcopy{font-size:12px;color:var(--muted);margin:10px 0 0;font-weight:500}
.intro-cta-first{margin:0 auto 24px}
.approved-cta-panel{margin:24px 0 18px;padding:20px 18px;border:1px solid #bde8cf;border-radius:16px;background:linear-gradient(145deg,#f2fff7,#e7f9ef);text-align:center;box-shadow:0 8px 20px rgba(16,120,72,.08)}
.approved-cta-kicker{display:inline-block;color:#08743f;font-size:11px;font-weight:900;letter-spacing:.12em;margin-bottom:8px}.approved-cta-title{display:block;color:#082d50;font-size:20px;line-height:1.2}.approved-cta-copy{margin:10px auto 0;max-width:430px;color:#3f5b68;font-size:14px;line-height:1.5}.approved-cta-panel+.result-form button[type=submit]{min-height:58px;font-size:16px;letter-spacing:.1px}
@media(max-width:480px){
  .intro-v2{padding:30px 20px 24px}
  .intro-headline{font-size:21px}
  .intro-subheadline{font-size:14px}
  .intro-benefits{gap:9px}
  .delivery-proof{margin-top:23px;padding:16px 12px 13px}.delivery-proof-heading h2{font-size:15px}
  .intro-benefit-item{font-size:13.5px}
  .intro-start-btn{min-height:52px;font-size:15px}
}

.intro-certificate-preview { max-width: 320px; margin: 0 auto 24px; padding: 0 10px; }
.pulse-button { animation: pulse-shadow 2s infinite; }
@keyframes pulse-shadow { 0% { box-shadow: 0 0 0 0 rgba(21, 88, 237, 0.4); } 70% { box-shadow: 0 0 0 15px rgba(21, 88, 237, 0); } 100% { box-shadow: 0 0 0 0 rgba(21, 88, 237, 0); } }

/* ---- AREAS SCREEN UPGRADE ---- */
.area { display: flex; width: 100%; text-align: left; align-items: center; gap: 16px; padding: 20px 22px; border: 2px solid #e1e8f0; background: white; border-radius: 16px; color: var(--ink); cursor: pointer; transition: all 0.2s ease; box-shadow: 0 4px 12px rgba(0,0,0,0.02); }
.area:hover { border-color: #b3c9df; transform: translateY(-2px); box-shadow: 0 8px 24px rgba(0,0,0,0.04); }
.area[aria-pressed=true] { border-color: #1557f5; background: #f4f7ff; box-shadow: 0 8px 24px rgba(21, 87, 245, 0.1); }
.area-icon { display: flex; align-items: center; justify-content: center; width: 44px; height: 44px; background: #f0f5fa; color: #4b6b90; font-size: 20px; border-radius: 12px; flex-shrink: 0; transition: all 0.2s ease; }
.area[aria-pressed=true] .area-icon { background: #1557f5; color: white; }
.area-text { flex-grow: 1; }
.area strong { font-size: 16px; }
.area small { font-size: 13px; color: #6a81a0; }
.tick { width: 24px; height: 24px; border: 2px solid #d1dbe5; border-radius: 50%; background: #f8fafc; margin-left: auto; flex-shrink: 0; transition: all 0.2s ease; display: flex; align-items: center; justify-content: center; }
.area[aria-pressed=true] .tick { background: #1557f5; border-color: #1557f5; }
.area[aria-pressed=true] .tick:after { content: '✓'; display: block; color: white; font-size: 14px; font-weight: bold; line-height: 1; }
.area-screen h1 { font-size: 26px; font-weight: 800; letter-spacing: -0.5px; color: var(--navy); margin-bottom: 12px; }
.area-screen > p { font-size: 15px; color: #5c728a; margin-bottom: 24px; }
.area-actions .primary { border-radius: 30px; font-size: 15px; min-height: 52px; font-weight: 700; transition: all 0.2s ease; }
.area-actions .primary:not(:disabled) { box-shadow: 0 8px 20px rgba(21, 88, 237, 0.3); }

/* ---- QUIZ SCREEN ANIMATIONS ---- */
@keyframes fadeInSlideUp {
    0% { opacity: 0; transform: translateY(15px); }
    100% { opacity: 1; transform: translateY(0); }
}

@keyframes popIn {
    0% { opacity: 0; transform: scale(0.95) translateY(-10px); }
    100% { opacity: 1; transform: scale(1) translateY(0); }
}

.answer {
    transition: all 0.2s ease, transform 0.1s;
    cursor: pointer;
}

.answer:not(:disabled):hover {
    transform: translateX(4px);
    box-shadow: 0 4px 12px rgba(0,0,0,0.04);
    border-color: #a1b8ce;
}

.answer:active {
    transform: scale(0.99) !important;
}

.progress span {
    transition: width 0.6s cubic-bezier(0.22, 1, 0.36, 1);
}

@media (prefers-reduced-motion: no-preference) {
    .animate-in {
        animation: fadeInSlideUp 0.4s ease forwards;
    }

    .animate-in .answer {
        opacity: 0;
        animation: fadeInSlideUp 0.3s ease forwards;
    }

    .animate-in .answer:nth-child(1) { animation-delay: 0.05s; }
    .animate-in .answer:nth-child(2) { animation-delay: 0.1s; }
    .animate-in .answer:nth-child(3) { animation-delay: 0.15s; }
    .animate-in .answer:nth-child(4) { animation-delay: 0.2s; }

    .feedback {
        animation: popIn 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards;
        transform-origin: top center;
    }
}

/* ---- RESULT SCREEN STYLES ---- */
.result-form {
    background: #f8fafc;
    border: 1px solid #e1e8f0;
    border-radius: 16px;
    padding: 24px;
    margin-top: 30px;
    box-shadow: 0 4px 15px rgba(0,0,0,0.02);
}

.shipping-options-preview {
    background: white;
    border: 1px solid #e1e8f0;
    border-radius: 12px;
    padding: 20px;
    margin-bottom: 24px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.02);
}

.shipping-options-preview h3 {
    font-size: 15px;
    color: var(--navy);
    margin-bottom: 16px;
    text-align: center;
}

.shipping-option {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 14px;
    background: #f8fafc;
    border: 1px solid #edf1f6;
    border-radius: 10px;
    margin-bottom: 10px;
    transition: all 0.2s ease;
}

.shipping-option:last-child {
    margin-bottom: 0;
}

.shipping-option:hover {
    border-color: #d1dbe5;
    background: #f1f5f9;
}

.shipping-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    background: white;
    border-radius: 50%;
    font-size: 20px;
    box-shadow: 0 2px 6px rgba(0,0,0,0.04);
    flex-shrink: 0;
}

.shipping-details {
    text-align: left;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.shipping-details strong {
    font-size: 14px;
    color: var(--ink);
    line-height: 1.2;
}

.shipping-details span {
    font-size: 12px;
    color: var(--muted);
    line-height: 1.3;
}

.price-highlight {
    color: #15815e;
    font-weight: 800;
}

.badge-success {
    background: #eaf7f0;
    color: #18794e;
}

.badge-warning {
    background: #fff5f2;
    color: #b64040;
}

/* ---- NOVA TELA DE RESULTADO APROVADO ---- */
.result-card h1 {
    font-size: clamp(20px, 4.8vw, 25px);
    line-height: 1.25;
    letter-spacing: -0.4px;
    color: var(--navy);
    margin: 0 0 10px;
    font-weight: 800;
    text-wrap: balance;
}
.result-score-copy {
    font-size: 15px;
    line-height: 1.55;
    color: var(--ink);
    margin: 0 auto 18px;
    max-width: 480px;
}
.result-min-note {
    display: block;
    font-size: 12.5px;
    color: var(--muted);
    margin-top: 4px;
}
.result-name-intro {
    background: #f0f7fc;
    border: 1px solid #d4e5f5;
    border-radius: 12px;
    padding: 16px 14px;
    margin-bottom: 20px;
    text-align: center;
}
.result-name-title {
    display: block;
    font-size: 15px;
    font-weight: 700;
    color: var(--navy);
    line-height: 1.35;
    margin-bottom: 4px;
}
.result-name-sub {
    font-size: 13px;
    color: #486581;
    margin: 0;
    line-height: 1.4;
}
.result-form label {
    font-size: 14px;
    color: var(--navy);
    font-weight: 700;
    margin-bottom: 8px;
    text-align: left;
}
.result-form input {
    min-height: 50px;
    font-size: 15px;
    border-radius: 10px;
    border: 1.5px solid #ced7e1;
    transition: border-color 0.2s, box-shadow 0.2s;
}
.result-form input:focus {
    border-color: #1557f5;
    outline: none;
    box-shadow: 0 0 0 3px rgba(21, 87, 245, 0.15);
}
.result-cert-preview {
    margin: 20px auto;
    max-width: 480px;
}
.result-form button[type="submit"] {
    min-height: 52px;
    font-size: 15px;
    font-weight: 800;
    letter-spacing: .4px;
    background: #159447;
    color: #ffffff;
    border-radius: 10px;
    box-shadow: 0 6px 18px rgba(21, 148, 71, 0.28);
    transition: background 0.18s, transform 0.15s;
}
.result-form button[type="submit"]:hover {
    background: #117A3A;
    transform: translateY(-1px);
}
.result-microcopy {
    font-size: 12px;
    color: var(--muted);
    margin-top: 10px;
    line-height: 1.45;
}
.result-redo-wrap {
    margin-top: 18px;
    margin-bottom: 0;
}
@media (max-width: 480px) {
    .result-card h1 {
        font-size: 21px;
    }
    .result-score-copy {
        font-size: 14px;
    }
    .result-form {
        padding: 18px 14px;
    }
    .result-name-intro {
        padding: 14px 12px;
    }
    .result-name-title {
        font-size: 14px;
    }
    .result-form button[type="submit"] {
        min-height: 48px;
        font-size: 14px;
    }
}