.mfa-console{position:relative;isolation:isolate;overflow:hidden;display:flex;flex-direction:column;align-items:center;gap:10px;min-height:285px;margin:18px 0;padding:22px 18px 18px;border:1px solid #2a697c;border-radius:18px;background:radial-gradient(ellipse at 50% 25%,#123b4d,#081521 75%);color:#e4fcff!important;box-shadow:inset 0 0 50px #38dfea08,0 12px 35px #00131b18;font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.mfa-grid{position:absolute;inset:-50%;z-index:-2;background-image:linear-gradient(#2b67792c 1px,transparent 1px),linear-gradient(90deg,#2b67792c 1px,transparent 1px);background-size:24px 24px;transform:perspective(300px) rotateX(38deg);animation:mfa-grid-flow 12s linear infinite}.mfa-console:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#08152100,#08152155 38%,#081521ed 70%);pointer-events:none}.mfa-topline{display:flex;justify-content:space-between;width:100%;font-size:9px;letter-spacing:.06em;color:#9bc0cf}.mfa-topline .mfa-online{color:#7ff5ce;font-size:9px}.mfa-core{position:relative;width:42px;height:42px;margin:28px 0 24px;transform-style:preserve-3d;animation:mfa-cube-spin 13s linear infinite}.mfa-core>span{position:absolute;inset:0;background:#0c3448b0;border:1px solid #7af5e9;box-shadow:0 0 16px #5fffe32a inset,0 0 18px #30d8ea24}.mfa-cube-front{transform:translateZ(21px)}.mfa-cube-back{transform:rotateY(180deg) translateZ(21px)}.mfa-cube-right{transform:rotateY(90deg) translateZ(21px)}.mfa-cube-left{transform:rotateY(-90deg) translateZ(21px)}.mfa-cube-top{transform:rotateX(90deg) translateZ(21px)}.mfa-cube-bottom{transform:rotateX(-90deg) translateZ(21px)}.mfa-orbit{position:absolute;width:140px;height:140px;top:20px;left:calc(50% - 70px);border:1px dashed #52e1ec45;border-radius:50%;transform:rotateX(65deg);animation:mfa-ring-spin 10s linear infinite;pointer-events:none}.mfa-orbit:before,.mfa-orbit:after{content:'';position:absolute;left:20px;top:15px;width:5px;height:5px;border-radius:50%;background:#73fff0;box-shadow:0 0 9px #5fffe8}.mfa-orbit:after{left:auto;right:20px;top:auto;bottom:15px;background:#9dabff}.mfa-orbit-two{width:100px;height:100px;left:calc(50% - 50px);top:40px;animation-direction:reverse;animation-duration:8s}.mfa-chips{display:flex;justify-content:center;gap:22px;width:100%;font-size:9px;letter-spacing:.15em;color:#a3c1d0}.mfa-chips span{display:flex;align-items:center;gap:6px}.mfa-chips i{width:4px;height:4px;border-radius:50%;background:#60f6d3;box-shadow:0 0 7px #60f6d3;animation:mfa-signal 2.8s ease-in-out infinite}.mfa-chips span:nth-child(2) i{animation-delay:.9s}.mfa-chips span:nth-child(3) i{animation-delay:1.8s}.mfa-console .mfa-kicker{font:600 9px/1.5 ui-monospace,monospace;letter-spacing:.16em;color:#a0c8d6;margin:7px 0 0}.mfa-console .mfa-code{font:650 2.2rem/1.3 ui-monospace,monospace;letter-spacing:.13em;color:#dffff9;text-shadow:0 0 25px #6ffff32a;white-space:nowrap}.mfa-console>span{color:#a0c8d6!important;font-size:11px!important}.mfa-console progress{appearance:auto;width:80%;height:5px;accent-color:#73eedd;margin:4px 0 0}.mfa-console .mfa-online{font-size:9px!important;color:#7ff5ce!important}@keyframes mfa-cube-spin{from{transform:rotateX(-25deg) rotateY(0) rotateZ(12deg)}to{transform:rotateX(335deg) rotateY(360deg) rotateZ(12deg)}}@keyframes mfa-ring-spin{from{transform:rotateX(65deg) rotate(0)}to{transform:rotateX(65deg) rotate(360deg)}}@keyframes mfa-grid-flow{to{background-position:0 48px}}@keyframes mfa-signal{0%,100%{opacity:.45;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}}@media(prefers-reduced-motion:reduce){.mfa-core,.mfa-orbit,.mfa-grid,.mfa-chips i{animation:none!important}.mfa-core{transform:rotateX(-25deg) rotateY(25deg) rotateZ(12deg)}}
.mfa-console{gap:6px;padding:16px;perspective:500px}.mfa-core{margin:18px 0 8px}.mfa-chips{font-size:9px;line-height:1.1}.mfa-console .mfa-kicker{margin:3px 0 0;line-height:1.25}.mfa-console>span{line-height:1.3}.mfa-console progress{margin:1px 0 0}
