.auth-modal{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:20px;background:rgba(15,23,42,.66);backdrop-filter:blur(3px)}
.auth-modal-card{width:min(600px,100%);max-height:92vh;overflow:auto;background:#fff;border-radius:14px;padding:26px;box-shadow:0 24px 70px #0005}
.auth-modal-card h2{margin:0 0 14px}.auth-code-card{width:min(440px,100%)}
.qr-box{display:flex;justify-content:center;align-items:center;width:244px;min-height:244px;margin:18px auto;padding:12px;border:1px solid #dbe3ee;border-radius:10px;background:#fff}
.qr-box img,.qr-box canvas{display:block}.auth-modal .secret-box{text-align:center}.auth-modal .secret-box code{display:block}
@media(max-width:760px){.auth-modal-card{padding:20px}.qr-box{width:224px;min-height:224px;padding:2px}}