.qpage{min-height:100vh;background:radial-gradient(ellipse 60% 50% at 80% 0%,rgba(216,178,88,.22),transparent 70%),var(--paper);display:flex;flex-direction:column}
.qtop{display:flex;align-items:center;justify-content:space-between;padding:18px 0}
.qtop img{height:46px;width:auto;border-radius:8px;background:var(--ink);padding:3px}
.qtop small{color:var(--mut);font-size:13px}
.qwrap{flex:1;display:grid;grid-template-columns:.9fr 1.1fr;gap:50px;align-items:center;padding:20px 0 60px}
.qside h1{font-size:clamp(32px,4.2vw,56px);color:var(--ink)}
.qside .lead{margin-top:14px}
.qside .ph{margin-top:26px;border-radius:200px 200px var(--r) var(--r);overflow:hidden;aspect-ratio:5/4;max-width:420px}
.qside .ph img{width:100%;height:100%;object-fit:cover}
.qcard{background:#fff;border:1px solid var(--line);border-radius:var(--r2);padding:clamp(22px,4vw,40px);box-shadow:0 40px 80px -50px rgba(22,18,12,.45)}
.qmeta{display:flex;justify-content:space-between;align-items:center;font-size:13px;color:var(--mut);margin-bottom:12px}
.qbar{height:6px;background:var(--cream2);border-radius:99px;overflow:hidden;margin-bottom:26px}
.qbar i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--gold2),var(--gold));transition:width .45s}
.qbox{transition:opacity .22s,transform .22s}
.qbox.out{opacity:0;transform:translateX(-14px)}
.qbox.inn{opacity:0;transform:translateX(14px)}
.qq{font-family:var(--serif);font-weight:400;font-size:clamp(26px,3vw,36px);line-height:1.12;color:var(--ink)}
.qhelp{color:var(--mut);margin-top:8px}
.qopts{display:grid;gap:10px;margin-top:22px}
.qopt{display:flex;justify-content:space-between;align-items:center;text-align:left;font:inherit;font-weight:600;font-size:16px;color:var(--ink);background:var(--paper);border:1.5px solid var(--line);border-radius:16px;padding:17px 20px;cursor:pointer;transition:border-color .2s,transform .2s,background .2s}
.qopt i{font-style:normal;color:var(--gold2);opacity:0;transition:opacity .2s,transform .2s}
.qopt:hover{border-color:var(--gold);background:#fff;transform:translateX(3px)}
.qopt:hover i{opacity:1;transform:translateX(3px)}
.qback{margin-top:18px;background:none;border:0;color:var(--mut);font:inherit;font-size:14px;cursor:pointer}
.qform{display:grid;gap:14px;margin-top:22px}
.qform label{display:grid;gap:6px;font-weight:600;font-size:14px;color:var(--ink)}
.qform input{font:inherit;font-size:16px;padding:15px 16px;border-radius:14px;border:1.5px solid var(--line);background:var(--paper)}
.qform input:focus{outline:none;border-color:var(--gold)}
.qerr{color:#b42318;font-size:14px}
.qlgpd{font-size:12px;color:var(--mut)}
.result{max-width:720px;margin:0 auto;text-align:center;padding:40px 0 80px}
.result h1{font-size:clamp(34px,4.6vw,60px);color:var(--ink)}
.result .lead{margin:16px auto 28px}
.result .resumo{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:20px 24px;text-align:left;margin:0 auto 28px;max-width:520px}
.result .resumo div{display:flex;justify-content:space-between;gap:16px;padding:8px 0;border-bottom:1px solid var(--cream2);font-size:15px}
.result .resumo div:last-child{border:0}
.result .resumo span{color:var(--mut)}
.result .resumo b{color:var(--ink);text-align:right}
@media(max-width:900px){.qwrap{grid-template-columns:1fr;gap:26px}.qside .ph{display:none}}