* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
  }
  
  body {
    background-color: #0d0d0d;
    color: #eee;
    font-family: 'Smooch Sans', sans-serif;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 100vh;
    padding: 2rem;
  }

  /* Subtle light flicker overlay */
body::before {
    content: '';
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    pointer-events: none;
    background: rgba(255, 255, 255, 0.01);
    animation: flicker 3s infinite ease-in-out;
    z-index: 9;
  }
  
  
  /* This goes BELOW the body block */
  body::after {
    content: '';
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    pointer-events: none;
    background: repeating-linear-gradient(
      to bottom,
      rgba(255, 255, 255, 0.25),
      rgba(255, 255, 255, 0.25) 2px,
      transparent 2px,
      transparent 5px
    );
    animation: scanlines 1s linear infinite;
    z-index: -1;
    mix-blend-mode: overlay;
  }
  
  @keyframes scanlines {
    0% {
      transform: translateY(0);
    }
    100% {
      transform: translateY(15px); /* was 2px */
    }
  }

  @keyframes flicker {
    0%, 100% { opacity: 0.01; }
    50% { opacity: 0.03; }
  }

  .container {
    text-align: center;
  }
  
  .title {
    font-size: 2.5rem;
    letter-spacing: 2px;
    margin-bottom: 1rem;
  }
  
  .subtitle {
    font-size: 1.5rem;
    opacity: 0.7;
    margin-bottom: .5rem;
  }
  
  /* .pulse {
    width: 20px;
    height: 20px;
    margin: 0 auto;
    background-color: #ff0066;
    border-radius: 50%;
    animation: pulse 1.5s infinite;
  }
  
  @keyframes pulse {
    0% {
      transform: scale(1);
      opacity: 1;
    }
    50% {
      transform: scale(1.5);
      opacity: 0.5;
    }
    100% {
      transform: scale(1);
      opacity: 1;
    }
  } */

  .accent {
    animation: accentShift 15s linear infinite;
    font-weight: bold;
  }
  
  @keyframes accentShift {
    0%   { color: #ff6600; }   /* orange */
    20%  { color: #df4d0e; }   /* red */
    40%  { color: #ec410d; }   /* red */
    60%  { color: #ecc30c; }   /* bright yellow */
    80%  { color: #ffd54f; }   /* yellow */
    100% { color: #ff6600; }   /* back to orange */
  }
  