.project-3d .project-panel::after {
  content: "";
  position: absolute;
  inset: auto -70px -90px auto;
  width: 320px;
  height: 320px;
  border-radius: 32px;
  transform: rotate(28deg);
  background: linear-gradient(135deg, rgba(159, 136, 255, 0.24), rgba(86, 217, 255, 0.08));
  border: 1px solid rgba(133, 101, 255, 0.22);
}

.project-3d .project-side {
  background:
    radial-gradient(circle at 22% 22%, rgba(255, 255, 255, 0.72), transparent 20%),
    conic-gradient(from 180deg at 50% 50%, rgba(194, 180, 255, 0.86), rgba(103, 88, 219, 0.72), rgba(77, 207, 240, 0.66), rgba(194, 180, 255, 0.86));
}

html[data-theme="dark"] .project-3d .project-side {
  background:
    radial-gradient(circle at 22% 22%, rgba(255, 255, 255, 0.16), transparent 20%),
    conic-gradient(from 180deg at 50% 50%, rgba(84, 72, 170, 0.86), rgba(42, 56, 121, 0.88), rgba(24, 113, 140, 0.82), rgba(84, 72, 170, 0.86));
}

.project-3d .notes-box {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.38), rgba(255, 255, 255, 0.04)),
    rgba(244, 240, 255, 0.6);
}

html[data-theme="dark"] .project-3d .notes-box {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0)),
    rgba(17, 23, 43, 0.54);
}