/* Yazıların içini boşaltıp sadece dış hat bırakma efekti (Sert Başlıklar İçin) */
.stroke-text {
  -webkit-text-stroke: 1.5px rgba(255, 255, 255, 0.15);
  color: transparent;
}

/* Arka plandaki siber ve neon ince çizgiler (Grid Yapısı) */
body::before {
  content: '';
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  pointer-events: none;
  z-index: 0; /* İçeriklerin arkasında kalması için */
  
  /* 1px kalınlığında net neon yeşili (#00E87A) kesişen çizgiler */
  background-image: 
    linear-gradient(to bottom, rgba(0, 232, 122, 0.15) 1px, transparent 1px),
    linear-gradient(to right, rgba(0, 232, 122, 0.15) 1px, transparent 1px);
  
  /* Çizgilerin sıklık mesafesi (Karelerin boyutu: 40px) */
  background-size: 40px 40px;
  
  /* Merkezden dışarıya doğru çizgilerin hafifçe sönmesi (Göz yormaması için radyal maske) */
  mask-image: radial-gradient(circle at 50% 50%, black 50%, transparent 95%);
  -webkit-mask-image: radial-gradient(circle at 50% 50%, black 50%, transparent 95%);
}

/* Giriş kutusunun arkasına havalı ve derin bir neon yeşil parlama / aura efekti */
#auth-screen::after {
  content: '';
  position: absolute;
  width: 500px;
  height: 500px;
  background: radial-gradient(circle, rgba(0, 232, 122, 0.08) 0%, transparent 70%);
  top: 15%;
  right: 5%;
  z-index: -1;
  pointer-events: none;
  filter: blur(40px);
}

/* Form alanlarının odaklanma (focus) anındaki neon parlama çizgisi */
input:focus, select:focus {
  border-color: #00E87A !important;
  box-shadow: 0 0 12px rgba(0, 232, 122, 0.3) !important;
}