.auth-flow-page{grid-template-columns:minmax(0,1.1fr) minmax(380px,.9fr)}.auth-flow-card{justify-self:end;width:100%;max-width:530px}.security-path{grid-template-columns:repeat(3,1fr);gap:10px;max-width:560px;margin:46px 0 0;padding:0;list-style:none;display:grid;position:relative}.security-path:before{z-index:-1;background:var(--line);content:"";height:1px;position:absolute;top:18px;left:12%;right:12%}.security-path li{color:var(--muted);text-align:center;justify-items:center;gap:9px;font-size:.76rem;display:grid}.security-path span{border:1px solid var(--line);background:var(--paper);border-radius:50%;place-items:center;width:36px;height:36px;font-family:Georgia,Times New Roman,serif;font-size:1rem;display:grid}.security-path .done span{color:#286142;background:#e6f4eb;border-color:#9dc9b0;font-family:Arial,Helvetica,sans-serif;font-weight:800}.security-path .active{color:var(--brand-dark)}.security-path .active span{border-color:var(--brand);background:var(--brand);color:#fff;box-shadow:0 0 0 5px var(--brand-soft)}.code-input{letter-spacing:.24em;text-align:center;font-family:Courier New,Courier,monospace;font-size:1.45rem;font-weight:700}.code-input.wide{letter-spacing:.05em;text-align:left;font-size:.95rem}.login-card .checkbox-row{color:var(--muted);align-items:flex-start;gap:10px;margin:0 0 20px;font-size:.84rem;font-weight:500;line-height:1.35;display:flex}.login-card .checkbox-row input{width:18px;height:18px;accent-color:var(--brand);flex:0 0 18px;margin:0}.text-button,.login-card .text-button{width:100%;min-height:auto;color:var(--brand-dark);text-underline-offset:3px;background:0 0;border:0;margin:18px 0 0;font-size:.82rem;font-weight:700;text-decoration:underline}.login-card .text-button:hover{color:var(--brand);background:0 0}.inline-note,.protocol-box p{color:var(--muted);font-size:.8rem;line-height:1.5}.inline-note{margin:18px 0 0}.protocol-box{border-left:4px solid var(--brand);background:var(--brand-soft);border-radius:0 12px 12px 0;margin:28px 0 22px;padding:17px 18px}.protocol-box p{margin:7px 0 0}.enrollment-start>button{width:100%}.qr-frame{border:1px solid var(--line);background:#fff;border-radius:18px;place-items:center;width:fit-content;margin:24px auto 18px;padding:12px;display:grid;box-shadow:0 12px 30px #3e203b14}.qr-frame img{width:220px;max-width:100%;height:auto;display:block}.enrollment-steps{color:var(--muted);gap:7px;margin:0 0 24px;padding-left:22px;font-size:.84rem;line-height:1.45;display:grid}.recovery-receipt{background:#fbf8fa;border:1px dashed #b99bb6;border-radius:14px;grid-template-columns:1fr;gap:7px;margin:26px 0 18px;padding:16px;display:grid}.recovery-receipt code{overflow-wrap:anywhere;color:var(--ink);font-size:.84rem;line-height:1.35}.danger-note{color:var(--danger);background:#fae8eb;border-radius:10px;padding:11px 12px}.confirmation-row{margin-top:20px!important}.device-control{border:1px solid var(--line);background:#ffffffb8;border-radius:18px;justify-content:space-between;align-items:center;gap:30px;margin-top:28px;padding:24px;display:flex}.device-control h2{margin-bottom:7px;font-size:1.15rem}.device-control p:last-child{max-width:650px;color:var(--muted);margin-bottom:0;font-size:.88rem;line-height:1.5}button:focus-visible,input:focus-visible{outline:3px solid color-mix(in srgb, var(--brand) 35%, transparent);outline-offset:3px}@media (max-width:800px){.auth-flow-page{grid-template-columns:1fr}.auth-flow-card{justify-self:stretch;max-width:none}.security-path{margin-top:30px}.security-path strong{font-size:.7rem}.device-control{flex-direction:column;align-items:stretch}}@media (max-width:430px){.security-path strong{max-width:82px}.login-card{padding:26px 20px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important}}