.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,#ffb636);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:4px}.auth-flow-col--weak .auth-flow-col-title{color:#ff6b6b;border:1px solid rgb(255 107 107 / .3)}.auth-flow-col--strong .auth-flow-col-title{color:#51cf66;border:1px solid rgb(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,#ffb636);background:rgb(255 182 54 / .12);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 rgb(255 107 107 / .25);background:rgb(255 107 107 / .06)}.auth-flow-result--pass{color:#51cf66;border:1px solid rgb(81 207 102 / .25);background:rgb(81 207 102 / .06)}.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)}}