.mfa-glass-modal{-webkit-backdrop-filter:blur(24px)saturate(180%);-moz-backdrop-filter:blur(24px)saturate(180%);will-change:transform,backdrop-filter;contain:layout style paint;background:linear-gradient(135deg,#111827d9 0%,#1f2937bf 50%,#111827d9 100%);transition:all .3s cubic-bezier(.4,0,.2,1);transform:translateZ(0);box-shadow:0 25px 50px -12px #0006,0 0 0 1px #ffffff1a,inset 0 1px #ffffff1a}@supports not ((-webkit-backdrop-filter:blur(24px)) or (backdrop-filter:blur(24px))){.mfa-glass-modal{-webkit-backdrop-filter:none;background:#111827f2}}.mfa-glass-border{border:1px solid #ffffff1a;position:relative;overflow:hidden}.mfa-glass-border:before{content:"";border-radius:inherit;opacity:0;z-index:-1;background:linear-gradient(135deg,#3b82f64d 0%,#9333ea4d 50%,#3b82f64d 100%);transition:opacity .3s ease-out;position:absolute;inset:-1px}.mfa-glass-border:hover:before{opacity:1}.mfa-glass-timer{-webkit-backdrop-filter:blur(16px)saturate(150%);background:linear-gradient(135deg,#3b82f633 0%,#1f293766 50%,#3b82f633 100%);border:1px solid #3b82f633;transition:all .2s ease-out;box-shadow:0 8px 32px #3b82f61a,inset 0 1px #ffffff1a}.mfa-glass-timer.urgent{background:linear-gradient(135deg,#ef44444d 0%,#1f293766 50%,#ef44444d 100%);border-color:#ef444466;animation:1s ease-in-out infinite mfa-pulse-urgent;box-shadow:0 8px 32px #ef444433,inset 0 1px #ffffff1a}@keyframes mfa-pulse-urgent{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}.mfa-glass-method-card{-webkit-backdrop-filter:blur(12px)saturate(120%);background:linear-gradient(135deg,#1f29374d 0%,#37415133 100%);border:1px solid #ffffff1a;transition:all .2s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.mfa-glass-method-card:before{content:"";opacity:0;z-index:0;background:linear-gradient(135deg,#3b82f61a 0%,#0000 50%,#9333ea1a 100%);transition:opacity .2s ease-out;position:absolute;inset:0}.mfa-glass-method-card:hover{transform:translateY(-2px);box-shadow:0 12px 24px #0003,0 0 0 1px #3b82f633}.mfa-glass-method-card:hover:before{opacity:1}.mfa-glass-method-card.selected{background:linear-gradient(135deg,#3b82f633 0%,#1f293766 50%,#9333ea33 100%);border-color:#3b82f666;box-shadow:0 8px 16px #3b82f626,inset 0 1px #ffffff1a}.mfa-glass-method-card.selected:before{opacity:1}.mfa-glass-input{-webkit-backdrop-filter:blur(8px)saturate(120%);background:linear-gradient(135deg,#1f29374d 0%,#37415133 100%);border:1px solid #ffffff1a;transition:all .2s cubic-bezier(.4,0,.2,1);position:relative}.mfa-glass-input:focus{-webkit-backdrop-filter:blur(12px)saturate(150%);background:linear-gradient(135deg,#3b82f61a 0%,#1f293766 50%,#3b82f61a 100%);border-color:#3b82f666;transform:translateY(-1px);box-shadow:0 0 0 3px #3b82f61a,0 4px 12px #3b82f61a}.mfa-glass-otp-slot{-webkit-backdrop-filter:blur(8px)saturate(120%);background:linear-gradient(135deg,#1f29374d 0%,#37415133 100%);border:2px solid #ffffff1a;transition:all .15s cubic-bezier(.4,0,.2,1)}.mfa-glass-otp-slot:hover{border-color:#3b82f64d;transform:scale(1.02)}.mfa-glass-otp-slot:focus,.mfa-glass-otp-slot[data-active=true]{-webkit-backdrop-filter:blur(12px)saturate(150%);background:linear-gradient(135deg,#3b82f633 0%,#1f293766 100%);border-color:#3b82f680;transform:scale(1.05);box-shadow:0 0 0 2px #3b82f633,0 4px 8px #3b82f61a}.mfa-glass-button{-webkit-backdrop-filter:blur(16px)saturate(150%);background:linear-gradient(135deg,#3b82f6cc 0%,#9333eacc 100%);border:1px solid #fff3;transition:all .2s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 8px 32px #3b82f633,inset 0 1px #fff3}.mfa-glass-button:before{content:"";opacity:0;z-index:1;background:linear-gradient(135deg,#fff3 0%,#0000 50%,#ffffff1a 100%);transition:opacity .2s ease-out;position:absolute;inset:0}.mfa-glass-button:hover{transform:translateY(-2px);box-shadow:0 12px 40px #3b82f64d,inset 0 1px #ffffff4d}.mfa-glass-button:hover:before{opacity:1}.mfa-glass-button:active{transform:translateY(0);box-shadow:0 4px 16px #3b82f633,inset 0 1px #ffffff1a}.mfa-glass-button:disabled{-webkit-backdrop-filter:blur(8px)saturate();box-shadow:none;opacity:.5;cursor:not-allowed;background:linear-gradient(135deg,#37415166 0%,#1f293766 100%);border-color:#ffffff1a}.mfa-glass-button.shimmer:after{content:"";z-index:2;background:linear-gradient(90deg,#0000 0%,#fff6 50%,#0000 100%);animation:2s ease-in-out infinite mfa-shimmer;position:absolute;inset:0;transform:translate(-100%)}@keyframes mfa-shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.mfa-glass-modal,.mfa-glass-timer,.mfa-glass-method-card,.mfa-glass-input,.mfa-glass-otp-slot,.mfa-glass-button{will-change:transform,backdrop-filter;contain:layout style paint;transform:translateZ(0)}@media (prefers-reduced-motion:reduce){.mfa-glass-modal,.mfa-glass-timer,.mfa-glass-method-card,.mfa-glass-input,.mfa-glass-otp-slot,.mfa-glass-button{transition:none;animation:none}.mfa-glass-timer.urgent,.mfa-glass-button.shimmer:after{animation:none}}@media (max-width:768px){.mfa-glass-modal{-webkit-backdrop-filter:blur(16px)saturate(150%)}.mfa-glass-timer,.mfa-glass-method-card,.mfa-glass-input,.mfa-glass-otp-slot,.mfa-glass-button{-webkit-backdrop-filter:blur(8px)saturate(120%)}}@media (prefers-color-scheme:dark){.mfa-glass-modal{background:linear-gradient(135deg,#000c 0%,#111827b3 50%,#000c 100%)}.mfa-glass-method-card,.mfa-glass-input{background:linear-gradient(135deg,#0006 0%,#1118274d 100%)}}