/* Page-specific tweaks & “menu screen” flair */

/* Home screen */
#homeSection{
  position:relative;
}

#homeSection::before{
  content:"";
  position:absolute;
  inset:-1px;
  border-radius: var(--radius-xl);
  background:
    radial-gradient(700px 260px at 15% 0%, rgba(39,207,255,.35), rgba(39,207,255,0) 55%),
    radial-gradient(720px 280px at 85% 0%, rgba(98,255,154,.22), rgba(98,255,154,0) 56%);
  opacity:.9;
  pointer-events:none;
}

#homeSection > header{
  position:relative;
}

#homeSection > header::after{
  content:"";
  position:absolute;
  left: 18px; right: 18px; bottom: 6px;
  height: 2px;
  border-radius: 999px;
  background: linear-gradient(90deg,
    rgba(39,207,255,0),
    rgba(39,207,255,.9),
    rgba(98,255,154,.75),
    rgba(39,207,255,.9),
    rgba(39,207,255,0)
  );
  opacity:.6;
}

/* Section “scanline” highlight (subtle) */
#homeSection,
.recent-updates,
.home-text,
.carousel-buttons{
  position:relative;
}

#homeSection::after,
.recent-updates::after,
.home-text::after,
.carousel-buttons::after{
  content:"";
  position:absolute;
  inset:0;
  border-radius: inherit;
  pointer-events:none;
  background:
    linear-gradient(180deg, rgba(255,255,255,.0) 0%, rgba(255,255,255,.18) 45%, rgba(255,255,255,.0) 100%),
    repeating-linear-gradient(
      180deg,
      rgba(255,255,255,.0) 0px,
      rgba(255,255,255,.0) 6px,
      rgba(39,207,255,.05) 7px,
      rgba(255,255,255,.0) 14px
    );
  opacity:.35;
  mix-blend-mode:soft-light;
}

/* Buttons (generic images links) */
#homeSection a[href]{
  transition: filter .18s var(--ease-out), transform .18s var(--ease-out);
}

/* Recent updates spacing */
.recent-updates h2 a{
  font-weight: 900;
}

/* Smooth page transitions */
@media (prefers-reduced-motion: no-preference){
  #middleContent{
    animation: screenIn .6s var(--ease-out) both;
  }
  @keyframes screenIn{
    from{ opacity:0; transform: translateY(10px); }
    to{ opacity:1; transform: translateY(0); }
  }
}

/* Ensure iframes (if any in other pages) blend nicely */
iframe{ border-radius: var(--radius-lg); border:1px solid rgba(255,255,255,.65); }