* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
  }
  
  body {
    background-color: #000;
    color: #eee;
    font-family: 'Cormorant Garamond', serif;
    height: 100vh;
    overflow: hidden;
  }
  
  .overlay {
    width: 100%;
    height: 100%;
    background: radial-gradient(ellipse at center, #111 0%, #000 100%);
    display: flex;
    justify-content: center;
    align-items: center;
  }
  
  .centered {
    text-align: center;
  }
  
  .title {
    text-align: center;
    margin-bottom: 2rem;
  }
  
  .glitch-container {
    height: 3.5rem;
    display: block;
    position: relative;
    overflow: hidden;
  }
  
  .eerie {
    font-family: 'VT323', monospace;
    font-size: 2.8rem;
    display: inline-block;
    text-shadow:
      0 0 2px #ebb71a,
      2px 2px 0 #1024a5,
      -1px -1px 0 #419ec4;
    animation: distort 0.25s infinite, eerieColor 4s infinite alternate;
    pointer-events: auto;
    position: relative;
    text-decoration: none;
  }
  
  .clean {
    font-family: 'IM Fell DW Pica', serif;
    font-size: 2.4rem;
    color: #e5e79a;
    display: block;
    margin-top: 1rem;
    text-shadow:
      0 0 5px #f1e683,
      0 0 12px #ccbc09,
      0 0 20px #d4bd37;
    animation: holyFlicker 7s infinite alternate;
  }
  
  .hidden-warning {
    color: #111;
    font-size: 1.1rem;
    font-style: italic;
    margin-top: 1rem;
    user-select: text;
    transition: color 0.3s ease;
  }
  
  
  /* Show when selected */
  .hidden-warning::selection {
    background: #222;
    color: #eee;
  }
  
  
  .verse {
    font-size: 1rem;
    color: #666;
    font-style: italic;
    margin-top: 3rem;
  }
  
  #countdown {
    margin-top: 2rem;
    font-size: 2.6rem;
    color: #ffffff;
    font-family: 'Share Tech Mono', monospace;
    letter-spacing: 0.1rem;
  }
  
  /* Glitch animation */
  @keyframes distort {
    0%   { transform: translate(-1px, 0px) rotate(0deg) scale(1); }
    10%  { transform: translate(3px, -2px) rotate(2deg) scale(1.03); opacity: 0.8; }
    20%  { transform: translate(-4px, 1px) rotate(-2deg) scale(0.98); opacity: 0.9; }
    35%  { transform: translate(5px, -3px) rotate(3deg) scale(1.05); opacity: 0.75; }
    50%  { transform: translate(-3px, 2px) rotate(-3deg) scale(0.97); opacity: 0.85; }
    65%  { transform: translate(2px, 1px) rotate(1deg) scale(1); }
    80%  { transform: translate(-1px, -2px) rotate(-1deg) scale(1.02); }
    100% { transform: translate(0px, 0px) rotate(0deg) scale(1); opacity: 1; }
  }
  
  @keyframes holyFlicker {
    0%   { text-shadow: 0 0 6px #fff9b1, 0 0 14px #fffda8, 0 0 25px #fff59a; opacity: 1; }
    5%   { text-shadow: 0 0 2px #fff59a, 0 0 6px #ffef88, 0 0 12px #fff176; opacity: 0.9; }
    10%  { text-shadow: 0 0 7px #ffffcc, 0 0 16px #fff59a, 0 0 28px #ffe; opacity: 1; }
    25%  { text-shadow: 0 0 4px #fffca3, 0 0 12px #fff3a5, 0 0 22px #fff9a0; opacity: 0.92; }
    40%  { text-shadow: 0 0 5px #fff59a, 0 0 10px #fff79a, 0 0 20px #fff2aa; opacity: 1; }
    70%  { text-shadow: 0 0 6px #fff9a8, 0 0 13px #fff4a0, 0 0 26px #fffca0; opacity: 0.95; }
    100% { text-shadow: 0 0 5px #fff59a, 0 0 12px #fff79a, 0 0 20px #fff2aa; opacity: 1; }
  }
  
  /* Color flicker */
  @keyframes eerieColor {
    0%   { color: #a64444; }
    20%  { color: #ebb71a; }
    40%  { color: #74a063; }
    60%  { color: #2d849b; }
    80%  { color: #f84747; }
    100% { color: #d9eba0; }
  }