.pario-id-shell{min-height:100vh;background:var(--bg-primary, #0b0f19);color:var(--text-primary, #f8fafc);font-family:var(--font-sans, system-ui, -apple-system, sans-serif);padding:2rem 1.5rem}.pario-id-container{max-width:880px;margin:0 auto}.pario-id-header{display:flex;align-items:center;justify-content:space-between;margin-block-end:1.75rem;padding-block-end:1rem;border-bottom:1px solid var(--border-color, rgba(148, 163, 184, .16))}.pario-id-nav{display:flex;gap:.75rem;align-items:center}.pario-id-card{background:var(--bg-card, #111827);border:1px solid var(--border-color, rgba(148, 163, 184, .18));border-radius:12px;padding:1.5rem;margin-block-end:1.5rem}.field{margin-block-end:1.5rem}.field label{display:block;font-weight:600;font-size:.92rem;margin-block-end:.25rem;color:var(--text-primary, #f8fafc)}.hint{display:block;color:var(--text-muted, #94a3b8);font-size:.82rem;margin-block-end:.35rem}.field input[type=text],.field input[type=email]{width:100%;font-size:1rem;padding:.75rem;min-height:48px;box-sizing:border-box;border-radius:8px;border:1px solid var(--border-color, #334155);background:#0f172acc;color:var(--text-primary, #f8fafc)}.field input:focus-visible,.role-radio-option input:focus-visible+span,button:focus-visible,a:focus-visible{outline:3px solid #6366f1;outline-offset:2px}.error-msg{display:none;color:#f87171;font-size:.85rem;margin-block-start:.35rem}input:user-invalid,input.user-invalid-fallback{border-color:#ef4444;background-color:#ef44441a}input:user-invalid+.error-msg,input.user-invalid-fallback+.error-msg{display:block}.field:has(input:user-invalid) .hint{color:#f87171;font-weight:600}input:user-valid,input.user-valid-fallback{border-color:#10b981}.role-fieldset{border:1px solid var(--border-color, #334155);border-radius:8px;padding:.85rem 1rem;margin-block-end:1.25rem}.role-fieldset legend{font-weight:600;font-size:.9rem;padding:0 .35rem}.role-radio-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:.65rem;margin-block-start:.5rem}.role-radio-option{display:flex;align-items:flex-start;gap:.5rem;padding:.6rem .75rem;border-radius:8px;border:1px solid var(--border-color, rgba(148, 163, 184, .2));cursor:pointer;min-height:48px;box-sizing:border-box}.role-radio-option input[type=radio]{accent-color:#6366f1;margin-block-start:.2rem}