.security-code-boxes{display:flex;gap:8px;margin:16px 0;max-width:360px}.security-code-boxes input{width:calc((100% - 40px)/6);min-width:0;text-align:center;font-size:24px;padding:12px 0}.security-contact{border:1px solid var(--line);border-radius:10px;padding:16px;margin:16px 0}.security-contact legend{font-weight:600}
.security-verification-card{min-width:0;color:#17243b}
.security-verification-card h2{margin:0 0 14px;font-size:1.6rem;line-height:1.25;letter-spacing:-.035em}
.security-verification-card>p{margin:0 0 20px;line-height:1.6;overflow-wrap:anywhere}
.security-verification-card .security-code-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.security-verification-card .security-code-boxes{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;max-width:none;margin:8px 0 20px}
.security-verification-card .security-code-boxes[hidden]{display:none}
.security-verification-card .security-code-boxes input{width:100%;min-width:0;height:54px;padding:10px 0;font-size:24px}
.security-verification-card form>.primary{width:100%;margin:0;min-height:46px}
.security-verification-card .error{color:#b32c4b}
.security-verification-card .error:empty{display:none}
.security-verification-card input[name=recovery]{margin:0 0 20px}
.security-secondary-actions{display:flex;flex-direction:column;align-items:center;gap:5px;margin-top:18px}
.security-verification-card .security-secondary-actions button{width:auto;max-width:100%;margin:0;padding:8px 4px;border:0;background:transparent;box-shadow:none;color:var(--blue);font-size:.875rem;font-weight:500;line-height:1.4;text-align:center}
.security-verification-card .security-secondary-actions button:hover{background:#edf2fc;text-decoration:underline}
.security-verification-card .security-secondary-actions button:disabled{color:var(--muted);opacity:1;cursor:default;text-decoration:none}
.security-verification-card>.hint{font-size:.8rem;color:var(--muted);margin:18px 0 0;line-height:1.5}
.security-verification-card>.security-login-reference{border-top:1px solid var(--line);padding-top:14px;font-size:.75rem;text-align:center}
@media screen{
 .auth-page:has(.security-verification-card){grid-template-columns:minmax(0,1fr)}
 .auth-page:has(.security-verification-card) .auth-visual{display:none}
 .auth-form>.security-verification-card{width:100%;max-width:420px;padding:30px;background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:0 12px 42px #06152b35}
 .auth-form .security-verification-card form{width:100%;max-width:none;padding:0;background:transparent;border:0;border-radius:0;box-shadow:none}
}
@media screen and (max-width:760px){
 .auth-form>.security-verification-card{padding:26px 20px}
 .security-verification-card h2{font-size:1.45rem}
 .security-verification-card .security-code-boxes{gap:6px}
 .security-verification-card .security-code-boxes input{height:50px;font-size:22px}
}