.account-security-card {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  margin: 0 26px 20px;
  padding: 17px 18px;
  border: 1px solid #d9e7f8;
  border-radius: 16px;
  background: linear-gradient(135deg, #f6faff, #eef6ff);
}
.account-security-card small { color: #3272e8; font-size: 9px; font-weight: 850; letter-spacing: .12em; }
.account-security-card h3 { margin: 4px 0 3px; color: #1d2c45; font-size: 15px; }
.account-security-card p { margin: 0; color: #718198; font-size: 11px; }
.account-security-card button { flex: 0 0 auto; padding: 9px 14px; border: 1px solid #bcd5f8; border-radius: 10px; color: #1765ce; background: #fff; font: inherit; font-size: 12px; font-weight: 750; cursor: pointer; }
.account-security-card button:hover { border-color: #78a9ed; background: #eef6ff; }
.account-security-card button:focus-visible { outline: 3px solid rgba(39, 116, 232, .24); outline-offset: 2px; }
@media (max-width: 640px) {
  .account-security-card { align-items: flex-start; flex-direction: column; margin: 0 16px 16px; }
  .account-security-card button { width: 100%; }
}