body, html {
    margin: 0;
    padding: 0;
    height: 100%;
    background: #0b0c10;
    font-family: sans-serif;
    color: #ffffff;
    overflow: hidden;
  }
  
  .bg {
    position: relative;
    width: 100%;
    height: 100%;
    background: linear-gradient(135deg, #0b0c10, #1a1b2f, #0f0f1c);
    background-size: 400% 400%;
    animation: gradientShift 20s ease infinite;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
  }
  
  @keyframes gradientShift {
    0% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
    100% { background-position: 0% 50%; }
  }
  
  /* Fake stars using box-shadow */
  .stars::after {
    content: '';
    position: absolute;
    width: 2px;
    height: 2px;
    background: white;
    box-shadow: 
      20vw 10vh white, 40vw 80vh white, 75vw 50vh white, 60vw 20vh white,
      90vw 30vh white, 10vw 90vh white, 50vw 60vh white, 30vw 70vh white,
      80vw 40vh white, 25vw 20vh white, 15vw 60vh white, 70vw 90vh white,
      5vw 50vh white, 95vw 10vh white, 55vw 30vh white, 35vw 80vh white;
    animation: starMove 60s linear infinite;
    z-index: 0;
  }
  
  @keyframes starMove {
    from { transform: translateY(0); }
    to { transform: translateY(-200vh); }
  }
  
  /* Centered content */
  .center-screen {
    text-align: center;
    padding: 2rem;
    max-width: 600px;
    z-index: 2;
    position: relative;
    animation: fadeIn 2s ease-in-out forwards;
  }
  
  /* Optional logo styling */
  .logo {
    width: 100px;
    height: auto;
    margin-bottom: 1.5rem;
    filter: drop-shadow(0 0 10px #00ffc8);
    animation: pulseGlow 3s ease-in-out infinite;
  }
  
  .glow {
    font-size: 2.5rem;
    color: #00ffc8;
    text-shadow: 0 0 10px #00ffc8, 0 0 20px #00ffc8, 0 0 30px #00ffc8;
    margin-bottom: 2rem;
  }
  
  .fade-in {
    opacity: 0;
    font-size: 1.1rem;
    color: #cccccc;
    animation: fadeText 1.5s ease-in-out forwards;
  }
  
  .delay-1 { animation-delay: 1s; }
  .delay-2 { animation-delay: 2.5s; }
  .delay-3 { animation-delay: 4s; }
  .delay-4 { animation-delay: 5.5s; }
  
  .signature {
    color: #888;
    font-style: italic;
    margin-top: 2rem;
  }
  
  /* Animations */
  @keyframes fadeText {
    from { opacity: 0; transform: translateY(10px); }
    to { opacity: 1; transform: translateY(0); }
  }
  
  @keyframes fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
  }
  
  @keyframes pulseGlow {
    0% { filter: drop-shadow(0 0 5px #00ffc8); }
    50% { filter: drop-shadow(0 0 15px #00ffc8); }
    100% { filter: drop-shadow(0 0 5px #00ffc8); }
  }