.c360-auth{width:100%;max-width:420px}.c360-auth--wide{max-width:520px}.c360-auth__brand{align-items:center;gap:.6rem;margin-bottom:1.5rem;display:flex}.c360-auth__step{text-transform:uppercase;letter-spacing:.08em;color:#62737a;margin-bottom:.25rem;font-size:.72rem;font-weight:600}.c360-auth__lead{color:#62737a;margin-bottom:1.25rem;font-size:.9rem}.c360-otp-input{letter-spacing:.5em;text-align:center;font-variant-numeric:tabular-nums;padding-left:.5em;font-size:1.6rem}.c360-qr{border:1px solid var(--c360-border);background:#fff;border-radius:10px;place-items:center;width:196px;height:196px;margin:0 auto;padding:.75rem;display:grid}.c360-qr img{width:172px;height:172px;image-rendering:pixelated}.c360-secret{letter-spacing:.06em;background:var(--c360-canvas);word-break:break-all;-webkit-user-select:all;user-select:all;border-radius:6px;padding:.4rem .6rem;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.9rem}.c360-recovery-codes{background:var(--c360-canvas);border:1px dashed #b8c4c0;border-radius:8px;grid-template-columns:repeat(2,minmax(0,1fr));gap:.4rem 1rem;margin:0;padding:.9rem 1.1rem;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.95rem;list-style:none;display:grid}.c360-recovery-codes li{white-space:nowrap}.c360-recovery-codes li:before{content:counter(list-item) ".";color:#9aa8ad;width:2.2em;font-size:.8em;display:inline-block}.c360-steps-inline{counter-reset:s;padding-left:0;font-size:.88rem;list-style:none}.c360-steps-inline li{counter-increment:s;gap:.6rem;margin-bottom:.45rem;display:flex}.c360-steps-inline li:before{content:counter(s);height:1.4rem;color:var(--c360-accent-strong);background:#dcefe8;border-radius:50%;flex:0 0 1.4rem;place-items:center;font-size:.75rem;font-weight:700;display:grid}