* { margin:0; padding:0; box-sizing:border-box; }
body {
  background:#000;
  color:#fff;
  font-family:'Inter', sans-serif;
  text-align:center;
  min-height:100dvh;
  padding:60px 20px;
  line-height:1.7;
}
.container { max-width:860px; margin:0 auto; }

h1 {
  font-family:'Orbitron', sans-serif;
  font-size:clamp(2.8rem,10vw,6rem);
  background:linear-gradient(90deg,#00ffff,#00ff88,#ffff66,#ff3366,#00ffff);
  background-size:300% 300%;
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
  animation:gradientFlow 10s ease infinite;
  margin-bottom:30px;
}

@keyframes gradientFlow {
  0%   { background-position:0% 50%; }
  50%  { background-position:100% 50%; }
  100% { background-position:0% 50%; }
}

h2 {
  font-size:2rem;
  margin:60px 0 20px;
  color:#0af;
}

p, li {
  font-size:1.15rem;
  color:#ddd;
  margin:16px auto;
  max-width:700px;
}

ul {
  text-align:left;
  max-width:700px;
  margin:20px auto;
}

li { margin:12px 0; }

.highlight {
  color:#00ff88;
  font-weight:900;
}

.updated {
  color:#0af;
  font-size:1rem;
  margin-bottom:40px;
}

.verse {
  font-size:1.4rem !important;
  background:linear-gradient(90deg,#00ff88,#ffff66);
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
  background-clip:text;
  font-weight:900;
  margin:60px 0 20px !important;
}

footer {
  margin-top:120px;
  color:#666;
  font-size:1rem;
}

/* Mobile */
@media (max-width:768px) {
  h1 { font-size:3.5rem; }
  h2 { font-size:1.8rem; }
  p, li { font-size:1.05rem; }
}