.totp-card[data-v-2f3c875c]{background:#fff;border-radius:8px;-webkit-box-shadow:0 4px 20px rgba(0,0,0,.1);box-shadow:0 4px 20px rgba(0,0,0,.1);padding:40px;width:100%;max-width:500px}.totp-header[data-v-2f3c875c]{text-align:center;margin-bottom:30px}.totp-header h2[data-v-2f3c875c]{color:#1890ff;margin-bottom:10px;font-weight:600}.totp-header p[data-v-2f3c875c]{color:#666;margin:0}.totp-steps[data-v-2f3c875c]{margin-bottom:30px}.step-content[data-v-2f3c875c]{margin-top:30px}.totp-form .submit-button[data-v-2f3c875c]{margin-top:10px}.qr-section[data-v-2f3c875c]{margin-bottom:30px}.qr-info .qr-alert[data-v-2f3c875c]{margin-bottom:20px}.qr-info .qr-code-container[data-v-2f3c875c]{text-align:center;margin-bottom:20px}.qr-info .qr-code-container .qr-code[data-v-2f3c875c]{max-width:200px;height:auto;border:1px solid #d9d9d9;border-radius:4px;padding:10px;background:#fff}.qr-info .qr-code-container .qr-actions[data-v-2f3c875c]{margin-top:10px}.qr-info .secret-key-section .secret-alert[data-v-2f3c875c]{margin-bottom:10px}.qr-info .secret-key-section .secret-key-input[data-v-2f3c875c]{font-family:Courier New,monospace;font-size:14px}.code[data-v-2f3c875c]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;height:54px}.submit[data-v-2f3c875c]{margin-top:50px}.alert[data-v-2f3c875c]{margin-bottom:20px}@media (max-width:768px){.totp-card[data-v-2f3c875c]{padding:20px;margin:10px}.qr-code[data-v-2f3c875c]{max-width:150px!important}}