.demo{--c-enem:#6c5ce7;--c-bio:#22b455;--c-quimica:#8b5cf6;--c-fisica:#3b82f6;--c-matematica:#f97316;--c-portugues:#ef4444;--c-redacao:#ec4899;--c-ingles:#06b6d4;--c-historia:#d97706;--c-geografia:#10b981;--c-filosofia:#6366f1;--c-sociologia:#d946ef}.demo-hero{padding:48px 0 8px;max-width:640px}.demo-hero .pill{margin-bottom:16px}.demo-hero h1{font-size:clamp(28px,4.4vw,44px);font-weight:700}.demo-hero .lead{font-size:16px;color:var(--muted);font-weight:600;margin-top:12px;line-height:1.55}.demo-hero .demo-mascot{margin-top:18px;display:flex}.demo-hero .demo-mascot svg{animation:bob 3.4s ease-in-out infinite}@keyframes bob{50%{transform:translateY(-5px)}}.demo-note{display:inline-flex;align-items:center;gap:7px;font-size:12.5px;color:var(--muted);font-weight:700;margin-top:14px}.demo-note svg{flex-shrink:0}.demo-pick{margin:26px 0 10px}.demo-pick-hint{font-family:var(--display);font-size:15px;font-weight:700;margin-bottom:14px}.demo-subj{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px}.demo-subj-btn{display:flex;align-items:center;gap:11px;padding:13px 14px;border:solid var(--line-2);border-width:2px 2px 4px;border-radius:18px;background:var(--surface);color:var(--ink);cursor:pointer;font-family:var(--sans);font-size:14px;font-weight:800;text-align:left;box-shadow:var(--shadow-sm);transition:transform .06s,border-color .15s,box-shadow .15s}.demo-subj-btn .demo-subj-ic{width:40px;height:40px;border-radius:13px;flex-shrink:0;display:grid;place-items:center;color:var(--sc,var(--accent));background:color-mix(in srgb,var(--sc,var(--accent)) 14%,transparent);transition:transform .15s}.demo-subj-btn .demo-subj-nm{flex:1 1;min-width:0}.demo-subj-btn .demo-subj-go{color:var(--faint);display:grid;place-items:center;transition:transform .15s,color .15s}.demo-subj-btn:hover{border-color:var(--sc,var(--accent));transform:translateY(-2px);box-shadow:0 10px 22px -12px color-mix(in srgb,var(--sc,var(--accent)) 55%,transparent)}.demo-subj-btn:hover .demo-subj-ic{transform:scale(1.08) rotate(-4deg)}.demo-subj-btn:hover .demo-subj-go{color:var(--sc,var(--accent));transform:translateX(3px)}.demo-subj-btn:active{transform:translateY(2px);border-bottom-width:2px}.demo-subj-btn:focus-visible{outline:3px solid color-mix(in srgb,var(--sc,var(--accent)) 55%,transparent);outline-offset:2px}.demo-q-wrap{margin:30px 0 10px}.demo-q-meta{display:flex;align-items:center;gap:10px;margin-bottom:14px;flex-wrap:wrap}.demo-chip{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:800;padding:5px 12px;border-radius:999px;background:var(--surface);border:1.5px solid var(--line-2);color:var(--ink-2)}.demo-chip .ico{flex-shrink:0}.demo-progress{margin-left:auto;font-size:12.5px;color:var(--muted);font-weight:800;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.demo-bar{height:8px;border-radius:99px;background:var(--surface-3);margin-bottom:16px;overflow:hidden}.demo-bar i{display:block;height:100%;border-radius:99px;background:var(--accent-grad);transition:width .45s cubic-bezier(.3,1,.3,1)}.demo-q{padding:22px 20px}.demo-q h2{font-size:18px;font-weight:700;line-height:1.4;margin-bottom:18px;font-family:var(--display);letter-spacing:-.01em}.demo-opts{display:grid;grid-gap:10px;gap:10px}.demo-opt{display:flex;align-items:center;gap:11px;width:100%;text-align:left;padding:13px 15px;border-radius:15px;cursor:pointer;border:2px solid var(--line-2);background:var(--surface);color:var(--ink);font-family:var(--sans);font-size:14px;font-weight:700;line-height:1.45;transition:border-color .15s,background .15s,transform .06s}.demo-opt .opt-key{width:26px;height:26px;border-radius:9px;flex-shrink:0;display:grid;place-items:center;background:var(--surface-2);color:var(--muted);font-size:12.5px;font-weight:800;transition:background .15s,color .15s}.demo-opt:hover:not(:disabled){border-color:var(--accent)}.demo-opt:hover:not(:disabled) .opt-key{background:var(--accent-soft);color:var(--accent-ink)}.demo-opt:focus-visible{outline:3px solid color-mix(in srgb,var(--accent) 55%,transparent);outline-offset:2px}.demo-opt:disabled{cursor:default}.demo-opt.is-right{border-color:var(--ok);background:var(--ok-soft)}.demo-opt.is-right .opt-key{background:var(--ok);color:#fff}.demo-opt.is-wrong{border-color:var(--no);background:var(--no-soft)}.demo-opt.is-wrong .opt-key{background:var(--no);color:#fff}.demo-opt.is-correct-answer{border-color:var(--ok)}.demo-opt .opt-check{margin-left:auto;flex-shrink:0;color:var(--ok-ink);display:grid;place-items:center}.demo-fb{margin-top:16px;padding:15px 17px;border-radius:16px;border:2px solid var(--line);background:var(--surface-2);animation:fb-pop .32s cubic-bezier(.2,.9,.3,1.2)}@keyframes fb-pop{0%{opacity:0;transform:translateY(8px) scale(.97)}}.demo-opt.is-wrong{animation:opt-shake .35s ease}@keyframes opt-shake{25%{transform:translateX(-4px)}50%{transform:translateX(4px)}75%{transform:translateX(-2px)}}.demo-fb.ok{border-color:var(--ok);background:var(--ok-soft)}.demo-fb.no{border-color:var(--no);background:var(--no-soft)}.demo-fb b{font-size:14px;display:block;margin-bottom:4px}.demo-fb.ok b{color:var(--ok-ink)}.demo-fb.no b{color:var(--no-ink)}.demo-fb p{font-size:13.5px;color:var(--ink-2);font-weight:600;line-height:1.55}.demo-fb .demo-tip{margin-top:8px;padding-top:8px;border-top:1px solid color-mix(in srgb,var(--line-2) 60%,transparent);font-size:13px;color:var(--muted)}.demo-fb .demo-tip b{display:inline;color:var(--ink-2);font-size:13px}.demo-next{margin-top:18px;display:flex;justify-content:flex-end}.demo-result{padding:26px 22px;text-align:center;position:relative;overflow:hidden}.demo-confetti{position:absolute;inset:0;pointer-events:none}.demo-confetti i{position:absolute;top:-12px;width:9px;height:14px;border-radius:3px;left:calc((100% / 14) * var(--i) + 2%);background:var(--accent);animation:confetti-fall 1.9s cubic-bezier(.3,.4,.6,1) forwards;animation-delay:calc(var(--i) * 55ms);opacity:0}.demo-confetti i:nth-child(3n){background:var(--pink);width:7px;height:11px}.demo-confetti i:nth-child(4n){background:var(--teal)}.demo-confetti i:nth-child(5n){background:var(--gold);border-radius:99px;height:8px}@keyframes confetti-fall{0%{opacity:1;transform:translateY(0) rotate(0deg)}to{opacity:0;transform:translateY(340px) rotate(240deg)}}@media (prefers-reduced-motion:reduce){.demo-confetti{display:none}.demo-fb,.demo-opt.is-wrong{animation:none}}.demo-donut{position:relative;width:128px;height:128px;margin:4px auto 6px;display:grid;place-items:center}.demo-donut svg{transform:rotate(-90deg)}.demo-donut circle{fill:none;stroke-width:11}.demo-donut .track{stroke:var(--line)}.demo-donut .val{stroke:var(--accent);stroke-linecap:round;transition:stroke-dashoffset 1.2s cubic-bezier(.3,1,.3,1)}.demo-donut .pct{position:absolute;text-align:center}.demo-donut .pct b{display:block;font-family:var(--display);font-size:30px;font-weight:700;letter-spacing:-.03em;line-height:1;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.demo-donut .pct span{font-size:10px;color:var(--muted);font-weight:700}.demo-result h2{font-size:21px;font-weight:700;margin-bottom:4px;font-family:var(--display)}.demo-result .demo-sub{color:var(--muted);font-size:14px;font-weight:600;margin-bottom:18px}.demo-topic-list{text-align:left;margin:18px 0;display:grid;grid-gap:9px;gap:9px}.demo-topic{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:700}.demo-topic .tp-n{width:30px;height:30px;border-radius:10px;display:grid;place-items:center;flex-shrink:0;color:#fff}.demo-topic .tp-t{flex:1 1;min-width:0}.demo-topic .tp-v{color:var(--muted);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.demo-errors{text-align:left;margin:20px 0 4px;padding-top:16px;border-top:1px solid var(--line)}.demo-errors h3{font-family:var(--display);font-size:14px;font-weight:700;margin-bottom:10px;display:flex;align-items:center;gap:7px}.demo-errors ul{list-style:none;display:grid;grid-gap:8px;gap:8px}.demo-errors li{display:flex;gap:9px;align-items:flex-start;font-size:13px;color:var(--ink-2);font-weight:600;line-height:1.5}.demo-errors li .ico{flex-shrink:0;margin-top:2px;color:var(--warn)}.demo-errors b{color:var(--ink)}.demo-ctas{margin-top:22px;display:flex;gap:11px;flex-wrap:wrap;justify-content:center}.demo-ctas .btn-primary{box-shadow:0 5px 0 var(--accent-ink),0 14px 24px -10px var(--accent)}.demo-mascot{display:flex;justify-content:center;margin-bottom:8px}.demo-err{margin:30px 0}.demo-err .card{padding:26px 22px;text-align:center}.demo-err p{color:var(--muted);font-size:14.5px;font-weight:600;margin-bottom:18px;line-height:1.55}.demo-errors li,.demo-fb,.demo-opt,.demo-q h2,.demo-topic{overflow-wrap:anywhere;word-break:break-word}.demo-q,.demo-q-wrap,.demo-result{max-width:100%;box-sizing:border-box}.demo-opt{min-width:0}.demo-opt>span:not(.opt-key):not(.opt-check){min-width:0;flex:1 1}@media (max-width:360px){.demo-subj{grid-template-columns:1fr}.demo-hero{padding:32px 0 4px}.demo-hero h1{font-size:24px}.demo-q{padding:18px 14px}.demo-result{padding:22px 16px}.demo-q-meta{gap:7px}}@media (min-width:560px){.demo-subj{grid-template-columns:repeat(3,1fr)}.demo-q{padding:28px 26px}.demo-result{padding:32px 28px}}@media (min-width:900px){.demo-subj{grid-template-columns:repeat(3,1fr)}.demo main.wrap{max-width:780px;margin-inline:auto}}