.viral-head{text-align:center;max-width:880px;margin:20px auto 45px}.viral-head h1{font-size:clamp(46px,7vw,82px);line-height:.98}.viral-head h1 em{font-style:normal;color:var(--accent)}.viral-head p{color:var(--muted);font-size:18px;line-height:1.6}.viral-test-form{max-width:820px;margin:0 auto 60px;display:grid;gap:18px}.viral-question{border:1px solid #e5e7f0;background:#fff;border-radius:22px;padding:24px}.viral-question legend{font-size:18px;font-weight:850;line-height:1.45;padding:0 8px}.viral-question legend span{display:inline-grid;place-items:center;width:34px;height:34px;margin-right:9px;border-radius:10px;background:#f0edff;color:#7657ff}.viral-question>small{display:block;color:var(--muted);margin:5px 0 18px}.viral-options{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.viral-options label{cursor:pointer;border:2px solid #e7e8f1;border-radius:14px;padding:13px;text-align:center}.viral-options input{position:absolute;opacity:0}.viral-options label b,.viral-options label span{display:block}.viral-options label:has(input:checked){border-color:#7657ff;background:#f4f1ff}.viral-options span{font-size:11px;color:var(--muted);margin-top:4px}.viral-submit{background:var(--accent);max-width:500px;justify-self:center}.viral-result{--result-color:#7657ff;max-width:760px;margin:0 auto 55px;padding:42px;text-align:center;background:linear-gradient(135deg,#10143b,var(--result-color));color:#fff;border-radius:30px}.viral-result .eyebrow{color:#fff}.viral-score{margin:24px 0 8px}.viral-score b{font-size:clamp(90px,15vw,150px);line-height:.8}.viral-score span{font-size:30px}.viral-result h2{font-size:clamp(30px,5vw,48px);margin:25px 0 12px}.viral-result p{font-size:17px;line-height:1.65}.viral-result .share button{background:#fff;color:var(--ink)}.viral-result>small{display:block;opacity:.82;line-height:1.5;margin-top:20px}@media(max-width:560px){.viral-question{padding:20px 14px}.viral-options{grid-template-columns:1fr}.viral-result{padding:30px 20px}}