@charset "UTF-8";

.nYa_qr_container { text-align: center; margin: 24px 0; }
.nYa_qr_wrapper { display: inline-block; padding: 16px; background: #fff; border-radius: 12px; border: 1px solid rgba(0,0,0,.06); }
.nYa_qr_wrapper img { display: block; }

.nYa_secret_container { text-align: center; margin-bottom: 24px; }
.nYa_secret_label { color: #aaa; font-size: 12px; margin-bottom: 8px; font-family: "Roobert", sans-serif; }
.nYa_secret_code {
    display: inline-block;
    background: rgba(0,0,0,.03);
    padding: 10px 18px;
    border-radius: 8px;
    font-family: "SF Mono", Monaco, "Cascadia Code", monospace;
    letter-spacing: 2px;
    color: #111;
    font-size: 14px;
    font-weight: 500;
    border: 1px solid rgba(0,0,0,.06);
}

.nYa_form_hint { text-align: center; margin-bottom: 12px; color: #999; font-size: 14px; font-family: "Roobert", sans-serif; }
.nYa_backup_hint { text-align: center; color: #aaa; font-size: 12px; margin: 16px 0 24px; font-family: "Roobert", sans-serif; line-height: 1.5; }

.nYa_webauthn_prompt { text-align: center; padding: 20px 0; }
.nYa_webauthn_icon { margin-bottom: 24px; color: #2aaa6a; }
.nYa_webauthn_icon svg { animation: nYa_pulse 2s ease-in-out infinite; }
@keyframes nYa_pulse { 0%,100%{opacity:1;transform:scale(1)} 50%{opacity:.7;transform:scale(1.05)} }
.nYa_webauthn_spinner { display: flex; justify-content: center; margin: 24px 0; }
.nYa_webauthn_hint { color: #999; font-size: 13px; font-family: "Roobert", sans-serif; }

.Pz7mL2 { display: inline-flex; align-items: center; justify-content: center; margin-right: 10px; opacity: .9; }
.Pz7mL2 svg { vertical-align: middle; }

@media (max-width: 768px) {
    .nYa_qr_wrapper img { width: 160px; height: 160px; }
    .nYa_webauthn_icon svg { width: 56px; height: 56px; }
}
@media (max-width: 480px) {
    .nYa_qr_wrapper { padding: 12px; border-radius: 10px; }
    .nYa_qr_wrapper img { width: 140px; height: 140px; }
    .nYa_secret_code { font-size: 12px; padding: 8px 14px; letter-spacing: 1px; word-break: break-all; }
    .nYa_webauthn_icon svg { width: 48px; height: 48px; }
    .nYa_webauthn_hint { font-size: 12px; }
}