.term-card .login-card-preview{gap:7px;padding:13px 14px}.term-card .login-card-preview .login-card-tag{color:#6b7280;font-family:var(--font-geist-mono), ui-monospace, monospace;letter-spacing:.02em;font-size:9px;font-weight:700}.term-card .login-card-preview .login-card-steps{gap:3px;margin:0;padding:0;list-style:none;display:grid}.term-card .login-card-preview .login-card-steps li{background:#fff;border:1px solid #e3e6ef;border-left:3px solid #434c66;border-radius:5px;flex-wrap:wrap;align-items:baseline;gap:5px;min-width:0;padding:4px 7px;display:flex}.term-card .login-card-preview .login-card-steps li b{color:#2a3242;flex:none;font-size:9px;font-weight:800}.term-card .login-card-preview .login-card-steps li span{color:#5b6275;min-width:0;font-family:var(--font-geist-mono), ui-monospace, monospace;text-overflow:ellipsis;white-space:nowrap;flex:auto;font-size:8.5px;font-weight:600;overflow:hidden}.term-card .login-card-preview .login-card-fails{flex-wrap:wrap;gap:4px;display:flex}.term-card .login-card-preview .login-card-fails span{color:#8a3a44;background:#fdecee;border-radius:99px;padding:2px 6px;font-size:8px;font-weight:800}.term-card .login-card-preview .login-card-verdict{color:#2a3242;background:#f4f6fa;border-radius:6px;margin:2px 0 0;padding:7px 8px;font-size:9.5px;font-weight:750;line-height:1.45}.term-interactive-demo.login-demo.login-bench{border:1px solid var(--line);background:var(--color-white);border-radius:10px;gap:11px;padding:16px}.term-interactive-demo.login-demo .login-bench-intro{color:#4a5160;margin:0;font-size:13px;line-height:1.55}.term-interactive-demo.login-demo .login-bench-intro b{color:var(--ink)}.term-interactive-demo.login-demo .login-bench-intro code{font-family:var(--font-geist-mono), ui-monospace, monospace;color:#3a4252;font-size:12px}.term-interactive-demo.login-demo .login-form{gap:7px;display:grid}.term-interactive-demo.login-demo .login-field-label{color:#4a5160;font-size:12px;font-weight:800}.term-interactive-demo.login-demo .login-form input{background:var(--color-white);color:var(--ink);border-color:#d6dae3}.term-interactive-demo.login-demo .login-form input::placeholder{color:#98a0ac}.term-interactive-demo.login-demo .login-form input:focus{outline-offset:1px;outline:2px solid var(--ink)!important;border-color:var(--ink)!important}.term-interactive-demo.login-demo .login-form input[aria-invalid=true]{background:#fdf3f4;border-color:#a83a44}.term-interactive-demo.login-demo .login-form-row{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.term-interactive-demo.login-demo .login-fill,.term-interactive-demo.login-demo .login-eye{background:var(--color-white);color:#3a4252;min-height:32px;font:inherit;border:1px solid #c8ccd6;border-radius:7px;padding:6px 11px;font-size:12px;font-weight:700}.term-interactive-demo.login-demo .login-fill:hover,.term-interactive-demo.login-demo .login-eye:hover{border-color:var(--ink);color:var(--ink);background:#f4f5f8}.term-interactive-demo.login-demo .login-fill:focus-visible,.term-interactive-demo.login-demo .login-eye:focus-visible{outline:2px solid var(--ink);outline-offset:1px}.term-interactive-demo.login-demo .login-eye[aria-pressed=true]{border-color:var(--ink);color:var(--ink);background:#eceef3}.term-interactive-demo.login-demo .login-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.term-interactive-demo.login-demo .login-cta{min-height:38px;font:inherit;padding:9px 26px;font-size:14px;font-weight:750;transition:background-color .15s ease-out;background:var(--color-rausch-600)!important;color:#fff!important;border:0!important;border-radius:8px!important}.term-interactive-demo.login-demo .login-cta:hover{background:color-mix(in srgb, var(--color-rausch-600) 88%, #000)!important}.term-interactive-demo.login-demo .login-cta:focus-visible{outline:3px solid color-mix(in srgb, var(--color-rausch-600) 38%, #fff);outline-offset:2px}.term-interactive-demo.login-demo .login-reset{min-height:38px;font:inherit;padding:9px 16px;font-size:13px;font-weight:700;border:1px solid var(--ink)!important;background:var(--color-white)!important;color:var(--ink)!important;border-radius:8px!important}.term-interactive-demo.login-demo .login-reset:hover{background:color-mix(in srgb, var(--ink) 8%, var(--color-white))!important}.term-interactive-demo.login-demo .login-reset:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.term-interactive-demo.login-demo .login-counters{color:#5b6275;background:#f7f8fa;border:1px dashed #d8dbe2;border-radius:8px;flex-wrap:wrap;align-items:center;gap:7px;margin:0;padding:8px 10px;font-size:12px;font-weight:700;display:flex}.term-interactive-demo.login-demo .login-counters b{color:var(--ink);font-weight:800}.term-interactive-demo.login-demo .login-counters .login-lock-state{color:#5b6275;background:#eef0f4;border-radius:99px;margin-left:auto;padding:2px 8px;font-size:11px}.term-interactive-demo.login-demo .login-counters .login-lock-state.is-on{color:#8a5a1f;background:#fff2dd}.term-interactive-demo.login-demo .login-pipe{gap:5px;margin:0;padding:0;list-style:none;display:grid}.term-interactive-demo.login-demo .login-pipe-stage{background:#fff;border:1px solid #e3e6ef;border-radius:7px;flex-wrap:wrap;align-items:center;gap:7px;min-width:0;padding:7px 9px;display:flex}.term-interactive-demo.login-demo .login-pipe-stage .login-pipe-tag{color:#5d6678;background:#eef0f5;border-radius:4px;flex:none;padding:1px 6px;font-size:10px;font-weight:800}.term-interactive-demo.login-demo .login-pipe-stage .login-pipe-body{flex:140px;gap:1px;min-width:0;display:grid}.term-interactive-demo.login-demo .login-pipe-stage .login-pipe-body b{color:#2a3242;font-size:12.5px;font-weight:800}.term-interactive-demo.login-demo .login-pipe-stage .login-pipe-body code{color:#525a6b;min-width:0;font-family:var(--font-geist-mono), ui-monospace, monospace;text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:600;overflow:hidden}.term-interactive-demo.login-demo .login-pipe-stage .login-pipe-mark{border:1px solid;border-radius:99px;flex:none;padding:2px 8px;font-size:11px;font-weight:800}.term-interactive-demo.login-demo .login-pipe-stage.is-ran{background:#eef8f2;border-color:#9ecdb1}.term-interactive-demo.login-demo .login-pipe-stage.is-ran .login-pipe-mark{color:#2f6a45}.term-interactive-demo.login-demo .login-pipe-stage.is-failed{background:#fdeeea;border-color:#e0b3b0}.term-interactive-demo.login-demo .login-pipe-stage.is-failed .login-pipe-mark{color:#8a2f3a}.term-interactive-demo.login-demo .login-pipe-stage.is-skipped{opacity:.72;background:#f5f6f8;border-color:#d8dbe2}.term-interactive-demo.login-demo .login-pipe-stage.is-skipped .login-pipe-body b,.term-interactive-demo.login-demo .login-pipe-stage.is-skipped .login-pipe-body code,.term-interactive-demo.login-demo .login-pipe-stage.is-skipped .login-pipe-mark{color:#98a0ac}.term-interactive-demo.login-demo .login-pipe-stage.is-pending{background:#fff;border-style:dashed;border-color:#d8dbe2}.term-interactive-demo.login-demo .login-pipe-stage.is-pending .login-pipe-mark{color:#98a0ac}.term-interactive-demo.login-demo .login-credential{background:#eef8f2;border:1px solid #9ecdb1;border-left:4px solid #2f6a45;border-radius:8px;gap:6px;padding:11px 12px;display:grid}.term-interactive-demo.login-demo .login-credential-head{flex-wrap:wrap;align-items:center;gap:7px;display:flex}.term-interactive-demo.login-demo .login-credential-tag{color:#2f6a45;background:#d6ebdb;border-radius:99px;padding:2px 8px;font-size:11px;font-weight:800}.term-interactive-demo.login-demo .login-credential-head strong{color:#234a35;font-size:13px;font-weight:800}.term-interactive-demo.login-demo .login-credential-sid{overflow-wrap:anywhere;color:#234a35;font-family:var(--font-geist-mono), ui-monospace, monospace;font-size:12.5px;font-weight:700}.term-interactive-demo.login-demo .login-credential small{color:#4a6a55;font-size:12px;line-height:1.5}.term-interactive-demo.login-demo .login-credential small code,.term-interactive-demo.login-demo .login-credential-headers code{overflow-wrap:anywhere;color:#2f5a42;font-family:var(--font-geist-mono), ui-monospace, monospace;font-size:11.5px;font-weight:600}.term-interactive-demo.login-demo .login-credential-headers{border-top:1px dashed #b3d4be;gap:3px;padding-top:6px;display:grid}.term-interactive-demo.login-demo .login-credential-headers small{color:#4a6a55;font-size:12px;line-height:1.5}.term-interactive-demo.login-demo .login-attempts-wrap{gap:4px;display:grid}.term-interactive-demo.login-demo .login-attempts-head{flex-wrap:wrap;justify-content:space-between;gap:6px;display:flex}.term-interactive-demo.login-demo .login-attempts-head small{color:#7c828c;font-size:11px;font-weight:700}.term-interactive-demo.login-demo .login-attempts{gap:4px;margin:0;padding:0;list-style:none;display:grid}.term-interactive-demo.login-demo .login-attempt{background:#fff;border:1px solid #e3e6ef;border-radius:6px;flex-wrap:wrap;align-items:baseline;gap:7px;min-width:0;padding:6px 9px;font-size:12px;display:flex}.term-interactive-demo.login-demo .login-attempt .login-attempt-id{color:#7c828c;font-family:var(--font-geist-mono), ui-monospace, monospace;flex:none;font-size:11px;font-weight:800}.term-interactive-demo.login-demo .login-attempt .login-attempt-email{overflow-wrap:anywhere;color:#3a4252;font-family:var(--font-geist-mono), ui-monospace, monospace;font-size:11.5px;font-weight:600}.term-interactive-demo.login-demo .login-attempt .login-attempt-pw{color:#6b7280;flex:120px;min-width:0;font-size:11.5px}.term-interactive-demo.login-demo .login-attempt .login-attempt-mark{border-radius:99px;flex:none;padding:1px 7px;font-size:11px;font-weight:800}.term-interactive-demo.login-demo .login-attempt.is-success{background:#f1f9f4;border-color:#bfe0c9}.term-interactive-demo.login-demo .login-attempt.is-success .login-attempt-mark{color:#2f6a45;background:#d6ebdb}.term-interactive-demo.login-demo .login-attempt.is-wrong{background:#fdeef0;border-color:#eccbcd}.term-interactive-demo.login-demo .login-attempt.is-wrong .login-attempt-mark{color:#8a2f3a;background:#f4dadc}.term-interactive-demo.login-demo .login-attempt.is-locked{background:#fff7ec;border-color:#e6c79a}.term-interactive-demo.login-demo .login-attempt.is-locked .login-attempt-mark{color:#8a5a1f;background:#f7e3c4}.term-interactive-demo.login-demo .login-attempt.is-rate-limited{background:#f1eef7;border-color:#c3bdd6}.term-interactive-demo.login-demo .login-attempt.is-rate-limited .login-attempt-mark{color:#5a4a78;background:#ddd6ee}.term-interactive-demo.login-demo .login-attempts-empty{color:#7c828c;background:#fafbfc;border:1px dashed #d8dbe2;border-radius:6px;padding:7px 9px;font-size:12px;line-height:1.5}.term-interactive-demo.login-demo .login-status{color:#3a4252;background:#f4f6fa;border-radius:7px;margin:0;padding:9px 11px;font-size:12.5px;line-height:1.6}.term-interactive-demo.login-demo .login-status code{overflow-wrap:anywhere;color:#2a3242;font-family:var(--font-geist-mono), ui-monospace, monospace;font-size:11.5px}.term-interactive-demo.login-demo .login-keyboard-hint{color:#6b7280;margin:0;font-size:12px;line-height:1.55}.login-knowledge-list{color:#434c66;gap:7px;margin:0;padding-left:18px;font-size:13.5px;line-height:1.65;display:grid}.login-knowledge-list li{padding-left:2px}.login-knowledge-list b{color:#2a3242;font-weight:800}.login-knowledge-list code{overflow-wrap:anywhere;color:#3a4252;font-family:var(--font-geist-mono), ui-monospace, monospace;font-size:.92em}.login-how-list{color:#434c66;gap:7px;margin:0;padding-left:20px;font-size:13.5px;line-height:1.65;display:grid}.login-how-list code{overflow-wrap:anywhere;color:#3a4252;font-family:var(--font-geist-mono), ui-monospace, monospace;font-size:.92em}.login-examples-pair{gap:9px;display:grid}.login-examples-pair article{background:#fbfcff;border:1px solid #dfe3ec;border-left:4px solid #7184c5;border-radius:8px;gap:6px;min-width:0;padding:12px 13px;display:grid}.login-examples-pair article.is-good{background:#f4faf6;border-color:#cfe6d6 #cfe6d6 #cfe6d6 #2f6a45}.login-examples-pair article.is-bad{background:#fdf4f4;border-color:#ecc3c5 #ecc3c5 #ecc3c5 #c57779}.login-examples-pair article b{color:#2a3242;font-size:13px;font-weight:800}.login-examples-pair article.is-good b{color:#2f6a45}.login-examples-pair article.is-bad b{color:#8a3a44}.login-examples-pair article code{overflow-wrap:anywhere;color:#3a4252;font-family:var(--font-geist-mono), ui-monospace, monospace;font-size:12px;font-weight:600}.login-examples-pair article p{color:#525c70;margin:0;font-size:12.5px;line-height:1.6}@media (prefers-reduced-motion:reduce){.term-interactive-demo.login-demo .login-cta{transition:none}}