@keyframes shake{0%,100%{transform:translateX(0)}10%,30%,50%,70%,90%{transform:translateX(-10px)}20%,40%,60%,80%{transform:translateX(10px)}}.shake{animation:shake 0.5s;animation-iteration-count:1}.two-factor-modal{z-index:1070}.two-factor-modal .modal-dialog{z-index:1071}@media (max-width: 576px){.two-factor-modal .modal-dialog{margin:0.5rem;max-width:calc(100% - 1rem)}}@media (max-width: 576px){.two-factor-modal .modal-content{border-radius:12px}}@media (max-width: 576px){.two-factor-modal .modal-header{padding:20px 20px 16px}}@media (max-width: 576px){.two-factor-modal .modal-header .modal-title{font-size:20px;padding-right:40px}}@media (max-width: 576px){.two-factor-modal .modal-body{padding:20px}}@media (max-width: 576px){.two-factor-modal .modal-footer{padding:0 20px 20px}.two-factor-modal .modal-footer .btn{padding:10px 20px;font-size:14px}}.modal-backdrop.show~.two-factor-modal{z-index:1080}.channel-selection{display:flex;flex-direction:column;gap:12px;margin:20px 0}@media (max-width: 576px){.channel-selection{gap:10px;margin:16px 0}}.channel-option{display:flex;align-items:center;gap:16px;padding:20px;background:#f9fafb;border:2px solid #e5e7eb;border-radius:8px;cursor:pointer;transition:all 0.2s ease;text-align:left;width:100%}@media (max-width: 576px){.channel-option{padding:16px;gap:12px}}.channel-option:hover{background:#f3f4f6;border-color:#d1d5db}.channel-option.selected{background:#f0f9ff;border-color:#3b82f6}.channel-option>i:first-child{font-size:24px;color:#4f46e5;width:32px}@media (max-width: 576px){.channel-option>i:first-child{font-size:20px;width:28px}}.channel-option>div{flex:1}.channel-option>div h5{margin:0 0 4px 0;font-size:16px;font-weight:600;color:#1f2937}@media (max-width: 576px){.channel-option>div h5{font-size:15px}}.channel-option>div p{margin:0;font-size:14px;color:#6b7280;word-break:break-all}@media (max-width: 576px){.channel-option>div p{font-size:13px}}.channel-option>i:last-child{color:#9ca3af}@media (max-width: 576px){.channel-option>i:last-child{font-size:12px}}.phone-display,.email-display{display:flex;align-items:center;gap:12px;padding:16px 20px;background:#f9fafb;border:2px solid #e5e7eb;border-radius:8px;font-size:16px;font-weight:500;color:#1f2937;margin:20px auto;max-width:400px}@media (max-width: 576px){.phone-display,.email-display{padding:14px 16px;font-size:14px;margin:16px auto;gap:10px}}.phone-display i,.email-display i{color:#4f46e5;font-size:20px}@media (max-width: 576px){.phone-display i,.email-display i{font-size:18px}}.phone-notice,.email-notice{text-align:center;color:#6b7280;font-size:14px;margin-top:12px}@media (max-width: 576px){.phone-notice,.email-notice{font-size:13px;margin-top:10px}}@media (max-width: 576px){.steps-progress{padding:0 0 16px;margin-bottom:4px}}@media (max-width: 576px){.steps-progress .step-indicator .step-number{width:32px;height:32px;font-size:14px}.steps-progress .step-indicator .step-label{font-size:10px}}@media (max-width: 576px){.steps-progress .step-connector{width:40px;margin:0 8px;margin-bottom:22px}}@media (max-width: 576px){.modal-icon-wrapper{width:64px;height:64px;margin-bottom:20px}}@media (max-width: 576px){.modal-icon-wrapper .modal-icon{font-size:28px}}@media (max-width: 576px){.verification-code-wrapper{margin:0 auto 20px}}@media (max-width: 576px){.verification-code-input{height:54px;font-size:28px;letter-spacing:12px;padding:0 10px}}@media (max-width: 576px){.alert{padding:12px 16px;font-size:14px;margin-bottom:20px}}@media (max-width: 576px){.resend-section{padding-top:20px}}@media (max-width: 576px){.resend-section .resend-btn,.resend-section #resend-code-btn{font-size:13px}}@media (max-width: 576px){.success-checkmark{width:80px;height:80px}.success-checkmark i{font-size:36px}}@media (max-width: 576px){.success-title{font-size:24px}}@media (max-width: 576px){.success-message{font-size:16px}}@media (max-width: 576px){#redirect-status{font-size:14px}}@media (max-width: 576px){.close{width:32px;height:32px;font-size:24px;top:16px;right:16px}}