.auth-flow-diagram{background:var(--light-bg, #151820);border:1px solid var(--border-color, #262a32);border-radius:8px;padding:32px 28px 28px;margin:32px 0;direction:ltr}.auth-flow-title{font-family:IBM Plex Mono,monospace;font-size:17px;font-weight:700;color:var(--heading-color, #FFB42F);text-align:center;margin:0 0 28px;letter-spacing:.5px}.auth-flow-columns{display:flex;gap:50px;justify-content:center;align-items:stretch}.auth-flow-col{flex:1;max-width:340px;display:flex;flex-direction:column;align-items:center}.auth-flow-col-title{font-family:IBM Plex Mono,monospace;font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:1px;margin:0 0 18px;padding:6px 18px;border-radius:3px}.auth-flow-col--weak .auth-flow-col-title{color:#ff6b6b;border:1px solid rgba(255,107,107,.3)}.auth-flow-col--strong .auth-flow-col-title{color:#51cf66;border:1px solid rgba(81,207,102,.3)}.auth-flow-steps{display:flex;flex-direction:column;align-items:center;width:100%}.auth-flow-step{display:flex;align-items:center;gap:12px;width:100%;padding:14px 16px;border-radius:6px;border:1px solid var(--border-color, #262a32);background:var(--mid-bg, #181c25);box-sizing:border-box}.auth-flow-step-num{font-family:IBM Plex Mono,monospace;font-size:13px;font-weight:700;color:var(--heading-color, #FFB42F);background:#ffb6361f;width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.auth-flow-step-text{font-size:14px;color:var(--text-color, #f1eeee);line-height:1.4}.auth-flow-arrow{padding:6px 0;color:var(--muted-color, #aeafb4);font-size:18px;line-height:1;text-align:center}.auth-flow-bottom{margin-top:auto;width:100%;display:flex;flex-direction:column;align-items:center}.auth-flow-result{width:100%;padding:14px 16px;border-radius:6px;text-align:center;font-family:IBM Plex Mono,monospace;font-size:13px;font-weight:600;letter-spacing:.5px;box-sizing:border-box}.auth-flow-result--fail{color:#ff6b6b;border:1px solid rgba(255,107,107,.25);background:#ff6b6b0f}.auth-flow-result--pass{color:#51cf66;border:1px solid rgba(81,207,102,.25);background:#51cf660f}.auth-flow-note{font-size:11px;color:var(--muted-color, #aeafb4);text-align:center;margin-top:10px;line-height:1.4;font-style:italic}@media(max-width:680px){.auth-flow-diagram{padding:24px 16px 20px}.auth-flow-columns{flex-direction:column;align-items:center;gap:0}.auth-flow-col{max-width:100%;width:100%}.auth-flow-col+.auth-flow-col{margin-top:20px;padding-top:20px;border-top:1px solid var(--border-color, #262a32)}}