.theme-devacademyhq {
  --theme-primary: #4f46e5;
  --theme-primary-hover: #4338ca;
  --theme-primary-soft: rgba(79, 70, 229, 0.08);
  --theme-secondary: #7c3aed;
  --theme-bg: #f7f8ff;
  --theme-card-bg: #ffffff;
  --theme-border: #dfe3f5;
  --theme-text: #11152a;
  --theme-text-muted: #66708f;
  --theme-success: #22c55e;
  --theme-warning: #f59e0b;
  --theme-error: #f43f5e;
  color: var(--theme-text);
  background: var(--theme-bg);
}

.dark.theme-devacademyhq,
.dark .theme-devacademyhq {
  --theme-primary: #7c72ff;
  --theme-primary-hover: #9189ff;
  --theme-primary-soft: rgba(124, 114, 255, 0.12);
  --theme-secondary: #a56cff;
  --theme-bg: #090d22;
  --theme-card-bg: #11162b;
  --theme-border: #252c4b;
  --theme-text: #f8f8ff;
  --theme-text-muted: #a8afc9;
}

.theme-devacademyhq .devacademy-canvas {
  background-image:
    radial-gradient(circle at 12% 8%, rgba(124, 58, 237, 0.09), transparent 28rem),
    radial-gradient(circle at 88% 18%, rgba(79, 70, 229, 0.1), transparent 30rem);
}

.theme-devacademyhq .devacademy-ribbon {
  position: absolute;
  width: 38rem;
  height: 11rem;
  border: 1px solid rgba(255, 255, 255, 0.22);
  border-radius: 999px;
  pointer-events: none;
}

.theme-devacademyhq .devacademy-ribbon-one {
  top: 12%;
  right: -14rem;
  transform: rotate(-22deg);
  animation: devacademy-ribbon-float 9s ease-in-out infinite;
}

.theme-devacademyhq .devacademy-ribbon-two {
  right: -7rem;
  bottom: 12%;
  transform: rotate(18deg);
  animation: devacademy-ribbon-float 11s ease-in-out infinite reverse;
}

.theme-devacademyhq .devacademy-deck-card {
  position: absolute;
  inset: 2.5rem 4rem 6rem;
  border: 1px solid var(--theme-border);
  border-radius: 2rem;
  background: var(--theme-card-bg);
  pointer-events: none;
}

.theme-devacademyhq .devacademy-deck-card-back-one {
  opacity: 0.65;
  transform: translate(1.25rem, 1.15rem) rotate(1.25deg);
}

.theme-devacademyhq .devacademy-deck-card-back-two {
  opacity: 0.35;
  transform: translate(2.4rem, 2.2rem) rotate(2.5deg);
}

.theme-devacademyhq .devacademy-programming-description > div {
  min-height: 100%;
  border: 0;
  border-radius: 0;
  background: transparent;
}

.theme-devacademyhq .devacademy-programming-description pre {
  border: 1px solid var(--theme-border);
  background: var(--theme-bg);
  background: color-mix(in srgb, var(--theme-primary) 6%, var(--theme-bg));
  color: var(--theme-text);
}

.theme-devacademyhq
  .devacademy-programming-description
  > div
  > div:last-child {
  border-top: 0;
}

.dark.theme-devacademyhq
  .devacademy-content
  :is(h1, h2, h3, h4, h5, h6),
.dark .theme-devacademyhq
  .devacademy-content
  :is(h1, h2, h3, h4, h5, h6) {
  color: var(--theme-text);
}

@keyframes devacademy-ribbon-float {
  0%,
  100% {
    translate: 0 0;
  }
  50% {
    translate: -1rem 1.25rem;
  }
}

@media (max-width: 47.99rem) {
  .theme-devacademyhq .devacademy-page-shell {
    padding-bottom: 5rem;
  }

  .theme-devacademyhq .devacademy-deck-card {
    inset: 2rem 2rem 7rem;
  }
}

@media (prefers-reduced-motion: reduce) {
  .theme-devacademyhq *,
  .theme-devacademyhq *::before,
  .theme-devacademyhq *::after {
    scroll-behavior: auto !important;
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
}