:root {
  --neon: #0fd850;
  --accent: #f9f047;
}

body {
  margin: 0;
  background-color: #000;
  color: white;
  font-family: "Poppins", sans-serif;
  min-height: 100vh;
}

/* Centered logo section */
.logo-section {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  padding-top: 80px;
  min-height: 80vh; /* Ensure minimum height */
  background: radial-gradient(1200px 600px at 10% 10%, rgba(15,216,80,0.03), transparent),
              radial-gradient(900px 400px at 90% 90%, rgba(249,240,71,0.02), transparent),
              transparent;
}

/* ... rest of your existing logo.css code ... */

/* Logo */
.center-logo {
  width: 350px;
  height: auto;
  border-radius: 10px;
  transition: transform 0.3s ease, filter 0.3s ease;
  animation: pulse-glow 2.5s infinite ease-in-out, float 4s ease-in-out infinite;
  filter: drop-shadow(0 0 15px rgba(15,216,80,0.8));
}

.center-logo:hover {
  transform: scale(1.05);
  cursor: pointer;
  filter: drop-shadow(0 0 25px rgba(249,240,71,0.9));
}

/* Glow pulse animation */
@keyframes pulse-glow {
  0%, 100% {
    transform: scale(1);
    filter: drop-shadow(0 0 10px rgba(15,216,80,0.7));
  }
  50% {
    transform: scale(1.07);
    filter: drop-shadow(0 0 22px rgba(249,240,71,0.9));
  }
}

/* Gentle floating animation */
@keyframes float {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-10px); }
}

/* H1 title */
.ctf-title {
  color: var(--neon);
  font-size: 3rem;
  text-align: center;
  margin-top: 20px;
  text-transform: uppercase;
  letter-spacing: 3px;
  font-family: 'Orbitron', sans-serif;
  animation: glow 2s ease-in-out infinite alternate;
}

/* Paragraph */
.ctf-description {
  text-align: center;
  color: #e6e6e6;
  max-width: 900px;
  margin: 20px auto 0 auto;
  line-height: 1.6;
  font-size: 1.1rem;
  padding: 0 20px;
}

/* Highlighted 5 Hours Hackathon span */
.ctf-description .highlight {
  font-size: 2.0rem;
  color: green;
  white-space: nowrap; /* keeps it on a single line */
}

/* Glow animation reused for H1 */
@keyframes glow {
  from {
    text-shadow: 0 0 5px var(--neon), 0 0 10px var(--neon);
  }
  to {
    text-shadow: 0 0 20px var(--neon), 0 0 40px var(--neon);
  }
}