/* Kullanım: <div class="fora-background" aria-hidden="true"></div>
   Sayfa içeriğini <main class="fora-content"> içine yerleştirin.
   Harici görsel, font, kütüphane ve JavaScript gerektirmez. */
:root { color-scheme: dark; }
body { margin: 0; background: #040704; color: #eef5e8; }
.fora-background {
  position: fixed;
  inset: 0;
  overflow: hidden;
  pointer-events: none;
  z-index: 0;
  contain: strict;
  background: repeating-linear-gradient(135deg, transparent 0 7px, #a7ff6003 7px 8px), #040704;
}
.fora-background::before,
.fora-background::after {
  content: "";
  position: absolute;
  inset: -12%;
  background: radial-gradient(ellipse at 25% 35%, #78e52a19, transparent 48%),
              radial-gradient(ellipse at 80% 75%, #b5ff4110, transparent 42%);
  animation: fora-drift 24s ease-in-out infinite alternate;
}
.fora-background::after {
  background: linear-gradient(125deg, transparent 35%, #a8ff5509 49%, transparent 63%);
  animation-duration: 32s;
  animation-direction: alternate-reverse;
}
.fora-content { position: relative; z-index: 1; }
@keyframes fora-drift {
  from { transform: translate3d(-3%, -2%, 0); }
  to { transform: translate3d(3%, 2%, 0); }
}
@media (max-width: 600px) {
  .fora-background::after { display: none; }
}
@media (prefers-reduced-motion: reduce) {
  .fora-background::before, .fora-background::after { animation: none; }
}