.g8p{--g8p-accent:#f16a23;--g8p-accent2:#8b8b8b;--g8p-on-accent:#122239;--g8p-text:#2f343c;--g8p-muted:#2f343c;--g8p-border:#e3e6eb;--g8p-card:#fff;--g8p-radius:12px;color:var(--g8p-text);margin:0 auto;max-width:820px;padding:48px 20px}.g8p [hidden]{display:none!important}.g8p__title{margin:0 0 16px;text-align:center}.g8p__intro{margin-bottom:24px;text-align:center}.g8p__form{background:var(--g8p-card);border-radius:var(--g8p-radius);box-shadow:0 6px 18px rgba(0,0,0,.12);padding:28px}.g8p__step{color:var(--g8p-muted);font-size:.9rem;margin:0 0 8px;text-align:center}.g8p__bar{background:#eee;border-radius:999px;height:10px;margin-bottom:32px;overflow:hidden}.g8p__fill{background:var(--g8p-accent);border-radius:999px;height:100%;transition:width .3s ease;width:0}.g8p__eyebrow{color:var(--g8p-accent2);font-size:.85rem;font-weight:700;letter-spacing:.06em;margin:0 0 4px;text-transform:uppercase}.g8p__pillar-title{margin:0 0 8px;outline:none}.g8p__pillar-intro{color:var(--g8p-muted);margin:0 0 24px}.g8p__q{background:var(--g8p-card);border:2px solid transparent;border-radius:var(--g8p-radius);box-shadow:0 2px 10px rgba(0,0,0,.1);margin:0 0 20px;min-inline-size:0;padding:20px}.g8p__q.is-missing{border-color:#b3261e}.g8p__qtext{font-size:1.1rem;font-weight:500;line-height:1.4;margin:0 0 14px;padding:0}.g8p__opts{display:grid;gap:12px;grid-template-columns:repeat(3,1fr)}.g8p__opt{cursor:pointer;display:block}.g8p__opt input{height:1px;opacity:0;position:absolute;width:1px}.g8p__opt span{border:2px solid var(--g8p-border);border-radius:10px;display:block;font-weight:600;padding:12px 10px;text-align:center;transition:background .15s,border-color .15s}.g8p__opt input:checked+span,.g8p__opt:hover span{border-color:var(--g8p-accent)}.g8p__opt input:checked+span{background:var(--g8p-accent);color:var(--g8p-on-accent)}.g8p__opt input:focus-visible+span{outline:3px solid var(--g8p-text);outline-offset:2px}.g8p__nav{display:flex;gap:12px;justify-content:center;margin-top:28px}.g8p__btn{background:var(--g8p-accent);border:2px solid var(--g8p-accent);border-radius:0;color:var(--g8p-on-accent);cursor:pointer;font:inherit;padding:14px 28px}.g8p__btn--ghost{background:transparent;border-color:var(--g8p-border);color:var(--g8p-text)}.g8p__btn--ghost:hover,.g8p__btn:hover{transform:scale(1.07)}.g8p__btn:disabled{cursor:default;opacity:.4}.g8p__btn:focus-visible{outline:3px solid var(--g8p-text);outline-offset:2px}.g8p__error{color:#b3261e;font-weight:600;margin:8px 0 0;text-align:center}.g8p__saved{color:var(--g8p-muted);font-size:.85rem;margin:16px 0 0}.g8p__result,.g8p__resume,.g8p__saved{text-align:center}.g8p__result{outline:none}.g8p__scores{display:grid;gap:20px;grid-template-columns:repeat(2,1fr);margin:0 0 28px}.g8p__score{background:var(--g8p-card);border-radius:var(--g8p-radius);box-shadow:0 6px 18px rgba(0,0,0,.12);padding:28px 16px}.g8p__score-label{display:block;font-weight:700;margin-bottom:8px}.g8p__score-value{color:var(--g8p-text);display:block;font-size:2.6rem;font-weight:800;line-height:1.1}@media (max-width:600px){.g8p{padding:32px 16px}.g8p__opts,.g8p__scores{grid-template-columns:1fr}.g8p__nav{flex-direction:column-reverse}.g8p__btn{width:100%}}@media (prefers-reduced-motion:reduce){.g8p__fill,.g8p__opt span{transition:none}}