.profile-settings-cards > a {
  background: linear-gradient(145deg, #163756, #0d2947) !important;
  border: 1px solid #397099 !important;
  color: #f7fbff !important;
  box-shadow: 0 10px 24px rgba(0, 16, 38, .22);
}
.profile-settings-cards > a strong,
.profile-settings-cards > a small,
.profile-settings-cards > a span {
  color: #f7fbff !important;
  opacity: 1 !important;
}
.profile-settings-cards > a small { color: #c9dbed !important; }
.profile-settings-cards > a:hover,
.profile-settings-cards > a:focus-visible {
  border-color: #37d2c2 !important;
  box-shadow: 0 12px 30px rgba(27, 178, 166, .2);
}
html[data-user-theme="light"] .profile-settings-cards > a {
  background: linear-gradient(145deg, #ffffff, #eaf3fb) !important;
  border-color: #aac3da !important;
  color: #102b49 !important;
  box-shadow: 0 9px 22px rgba(27, 65, 101, .12);
}
html[data-user-theme="light"] .profile-settings-cards > a strong,
html[data-user-theme="light"] .profile-settings-cards > a span {
  color: #102b49 !important;
}
html[data-user-theme="light"] .profile-settings-cards > a small {
  color: #415f7c !important;
  opacity: 1 !important;
}
.profile-settings-cards > a b {
  color: #ffffff !important;
  background: linear-gradient(135deg, #6847e8, #12a99e) !important;
  box-shadow: 0 6px 16px rgba(36, 105, 157, .25);
}
@media (forced-colors: active) {
  .profile-settings-cards > a { border: 2px solid CanvasText !important; }
}