:root {
  --theme-accent: #032EFF;
  --theme-accent-hover: #0019c6;
}

a {
  color: var(--theme-accent);
}

a:hover,
a:focus {
  color: var(--theme-accent-hover) !important;
}

.text-primary {
  color: var(--theme-accent) !important;
}

.bg-primary {
  background-color: var(--theme-accent) !important;
}

.card-outline-primary {
  border-color: var(--theme-accent);
}

.form-control:hover,
.form-control:focus {
  border-color: var(--theme-accent);
}

.btn-primary,
.btn-outline-primary {
  background-color: var(--theme-accent) !important;
  border-color: var(--theme-accent) !important;
  color: #fff !important;
}

.right-content-panel {
  position: relative;
  overflow: hidden;
  background: linear-gradient(135deg, rgba(3, 46, 255, 0.06), rgba(255, 255, 255, 0.95) 70%, rgba(3, 46, 255, 0.04));
  background-size: 180% 180%;
  animation: backgroundFloat 18s ease-in-out infinite alternate;
}

.right-content-panel::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    radial-gradient(circle at top left, rgba(3, 46, 255, 0.12), transparent 35%),
    radial-gradient(circle at bottom right, rgba(3, 46, 255, 0.08), transparent 40%);
  pointer-events: none;
  z-index: 0;
}

.right-content-panel > * {
  position: relative;
  z-index: 1;
}

@keyframes backgroundFloat {
  0% {
    background-position: 0% 0%;
  }
  100% {
    background-position: 100% 100%;
  }
}