.auth-modal[hidden]{display:none}body.auth-modal-open{overflow:hidden}.auth-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:5000;display:grid;place-items:center;padding:24px}.auth-modal-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#0a152c94;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.auth-dialog{position:relative;z-index:1;width:min(780px,calc(100vw - 40px));min-height:520px;overflow:hidden;display:grid;grid-template-columns:minmax(290px,.9fr) minmax(360px,1.1fr);border:1px solid rgba(215,228,249,.94);border-radius:28px;background:#fff;box-shadow:0 34px 100px #08163557;outline:none}.auth-close{position:absolute;z-index:5;top:16px;right:17px;width:36px;height:36px;border:1px solid #e0e7f2;border-radius:11px;color:#667793;background:#ffffffe6;font-size:24px;font-weight:350;line-height:1;cursor:pointer;transition:color .16s ease,background-color .16s ease,transform .16s ease}.auth-close:hover,.auth-close:focus-visible{color:#174fbf;background:#eff5ff;transform:rotate(3deg);outline:2px solid rgba(47,111,255,.22);outline-offset:2px}.auth-intro{position:relative;isolation:isolate;overflow:hidden;padding:34px 31px 30px;color:#fff;background:radial-gradient(circle at 12% 92%,rgba(28,211,225,.25),transparent 36%),radial-gradient(circle at 104% -8%,rgba(115,165,255,.34),transparent 38%),linear-gradient(145deg,#123a91,#175fd8 58%,#087e9a 118%)}.auth-intro:before,.auth-intro:after{content:"";position:absolute;z-index:-1;border:1px solid rgba(255,255,255,.12);border-radius:50%}.auth-intro:before{width:210px;height:210px;left:-126px;bottom:-98px}.auth-intro:after{width:150px;height:150px;right:-72px;top:64px}.auth-brand{display:inline-flex;align-items:center;gap:9px;color:#fff;font-size:14px;font-weight:800}.auth-brand img{width:31px;height:31px;border:1px solid rgba(255,255,255,.34);border-radius:9px;box-shadow:0 8px 18px #071c4b3d}.auth-kicker{margin-top:36px;color:#aeeef7;font-size:11px;font-weight:850;letter-spacing:1.4px}.auth-dialog h2{margin:10px 0 0;color:#fff;font-size:28px;line-height:1.28;letter-spacing:-.5px}.auth-guide{margin:10px 0 0;color:#e6f0ffd1;font-size:13px;line-height:1.7}.auth-steps{margin:28px 0 0;padding:0;display:grid;gap:16px;list-style:none}.auth-steps li{display:grid;grid-template-columns:27px minmax(0,1fr);gap:10px;align-items:start}.auth-steps li>span{width:27px;height:27px;display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.22);border-radius:9px;color:#d9f8ff;background:#ffffff1f;font-size:11px;font-weight:850}.auth-steps strong,.auth-steps small{display:block}.auth-steps strong{color:#fff;font-size:13px;line-height:1.35}.auth-steps small{margin-top:3px;color:#dfedffb3;font-size:11px;line-height:1.5}.auth-benefit{position:absolute;right:25px;bottom:25px;left:25px;padding:11px 12px;display:flex;align-items:center;gap:10px;border:1px solid rgba(255,255,255,.14);border-radius:13px;background:#041e4f33;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.auth-benefit>span,.auth-benefit>svg{width:28px;height:28px;flex:0 0 28px;padding:6px;border-radius:9px;color:#b9f5ee;background:#4fe0d121}.auth-benefit strong,.auth-benefit small{display:block}.auth-benefit strong{color:#fff;font-size:12px}.auth-benefit small{margin-top:2px;color:#dfedffb3;font-size:10px;line-height:1.4}.auth-scan-panel{min-width:0;padding:42px 42px 25px;display:flex;flex-direction:column;align-items:center;background:radial-gradient(circle at 50% 34%,rgba(31,99,255,.05),transparent 40%),#fff;text-align:center}.auth-scan-heading{width:100%;margin-bottom:17px;padding-right:28px;display:flex;align-items:center;justify-content:space-between;gap:14px;text-align:left}.auth-scan-heading strong,.auth-scan-heading small{display:block}.auth-scan-heading strong{color:#172544;font-size:16px}.auth-scan-heading small{margin-top:4px;color:#8995aa;font-size:10px}.auth-live-chip{min-height:24px;padding:0 8px;display:inline-flex;align-items:center;gap:6px;border-radius:999px;color:#147254;background:#e7f9f2;font-size:10px;font-weight:750;white-space:nowrap}.auth-live-chip i{width:6px;height:6px;border-radius:50%;background:#20a878;box-shadow:0 0 0 4px #20a8781c}.auth-qr-shell{position:relative;width:244px;height:244px;flex:0 0 244px;display:grid;place-items:center;border:1px solid #e1e9f7;border-radius:20px;background:#fff;box-shadow:0 14px 30px #2b4c8c17,inset 0 0 0 7px #f8faff}.auth-qr-corner{position:absolute;z-index:2;width:20px;height:20px;pointer-events:none}.auth-qr-corner-tl{top:-2px;left:-2px;border-top:3px solid #2f75ff;border-left:3px solid #2f75ff;border-radius:8px 0 0}.auth-qr-corner-tr{top:-2px;right:-2px;border-top:3px solid #2f75ff;border-right:3px solid #2f75ff;border-radius:0 8px 0 0}.auth-qr-corner-bl{bottom:-2px;left:-2px;border-bottom:3px solid #17a5ba;border-left:3px solid #17a5ba;border-radius:0 0 0 8px}.auth-qr-corner-br{right:-2px;bottom:-2px;border-right:3px solid #17a5ba;border-bottom:3px solid #17a5ba;border-radius:0 0 8px}.auth-qr-shell img{width:224px;height:224px;border-radius:12px}.auth-qr-shell img.is-muted{opacity:.12;filter:blur(1px)}.auth-qr-placeholder{display:grid;place-items:center;gap:13px;color:#7e8ca5;font-size:12px}.auth-qr-placeholder i{width:27px;height:27px;border:3px solid #dbe6fa;border-top-color:#2f75ff;border-radius:50%;animation:auth-spin .8s linear infinite}.auth-qr-shell[data-state=error] .auth-qr-placeholder i,.auth-qr-shell[data-state=offline] .auth-qr-placeholder i{display:none}@keyframes auth-spin{to{transform:rotate(360deg)}}.auth-qr-refresh{position:absolute;z-index:3;top:7px;right:7px;bottom:7px;left:7px;width:calc(100% - 14px);padding:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;border:0;border-radius:14px;color:#31476f;background:#ffffffe6;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);cursor:pointer}.auth-qr-refresh[hidden]{display:none}.auth-qr-refresh svg{width:22px;height:22px;margin-bottom:3px;color:#2465e7}.auth-qr-refresh strong{font-size:14px}.auth-qr-refresh small{color:#2465e7;font-size:11px}.auth-status-row{min-height:32px;margin-top:14px;padding:6px 10px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:10px;color:#4b5c78;background:#f5f7fb}.auth-status-icon{width:8px;height:8px;flex:0 0 8px;border-radius:50%;background:#7f90ae;box-shadow:0 0 0 4px #7f90ae1f}.auth-status-row[data-state=loading] .auth-status-icon,.auth-status-row[data-state=pending] .auth-status-icon,.auth-status-row[data-state=confirming] .auth-status-icon{background:#2f75ff;box-shadow:0 0 0 4px #2f75ff1f;animation:auth-pulse 1.2s ease-in-out infinite}.auth-status-row[data-state=scanned]{color:#7a5700;background:#fff8e8}.auth-status-row[data-state=scanned] .auth-status-icon{background:#e3a51c;box-shadow:0 0 0 4px #e3a51c21}.auth-status-row[data-state=success]{color:#0f7151;background:#eaf9f3}.auth-status-row[data-state=success] .auth-status-icon{background:#20a878;box-shadow:0 0 0 4px #20a87821}.auth-status-row[data-state=error],.auth-status-row[data-state=expired],.auth-status-row[data-state=rejected],.auth-status-row[data-state=offline]{color:#9f3e49;background:#fff1f2}.auth-status-row[data-state=error] .auth-status-icon,.auth-status-row[data-state=expired] .auth-status-icon,.auth-status-row[data-state=rejected] .auth-status-icon,.auth-status-row[data-state=offline] .auth-status-icon{background:#d95361;box-shadow:0 0 0 4px #d953611f}@keyframes auth-pulse{50%{opacity:.38}}.auth-status{max-width:300px;color:inherit;font-size:12px;line-height:1.45}.auth-countdown{min-height:17px;margin-top:4px;color:#98a3b8;font-size:10px}.auth-refresh-button{min-height:35px;margin-top:6px;padding:0 13px;display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid #cfddf7;border-radius:10px;color:#245fda;background:#f4f7ff;font-size:11px;font-weight:750;cursor:pointer}.auth-refresh-button:hover,.auth-refresh-button:focus-visible{border-color:#a9c1ed;background:#eaf1ff;outline:none}.auth-refresh-button svg{width:14px;height:14px}.auth-refresh-button:disabled{cursor:wait;opacity:.5}.auth-legal{margin:auto 0 0;padding-top:13px;color:#9aa5b8;font-size:10px;line-height:1.65}.auth-legal a{color:#5f7399;text-decoration:none}.auth-legal a:hover{color:#2457f5}@media(max-width:760px){.auth-modal{align-items:end;padding:10px}.auth-dialog{width:min(520px,100%);max-height:calc(100dvh - 20px);min-height:0;overflow-y:auto;display:block;border-radius:24px}.auth-intro{padding:22px 22px 18px}.auth-kicker{margin-top:16px}.auth-dialog h2{padding-right:42px;font-size:22px}.auth-dialog h2 br{display:none}.auth-guide{max-width:390px}.auth-steps,.auth-benefit{display:none}.auth-scan-panel{padding:20px 22px 18px}.auth-scan-heading{margin-bottom:14px;padding-right:0}.auth-qr-shell{width:220px;height:220px;flex-basis:220px}.auth-qr-shell img{width:204px;height:204px}.auth-legal{margin-top:11px}}@media(max-width:390px){.auth-modal{padding:6px}.auth-dialog{max-height:calc(100dvh - 12px);border-radius:21px}.auth-intro{padding:18px 18px 15px}.auth-brand img{width:27px;height:27px}.auth-kicker{margin-top:12px}.auth-dialog h2{margin-top:6px;font-size:20px}.auth-guide{margin-top:6px;font-size:12px}.auth-scan-panel{padding:15px 18px 14px}.auth-scan-heading{margin-bottom:10px}.auth-qr-shell{width:196px;height:196px;flex-basis:196px}.auth-qr-shell img{width:182px;height:182px}.auth-status-row{margin-top:10px}}@media(prefers-reduced-motion:reduce){.auth-qr-placeholder i,.auth-status-icon{animation:none!important}}