/* RESET */
* { margin:0; padding:0; box-sizing:border-box; }
body { font-family: 'Poppins', sans-serif; background: linear-gradient(135deg, #1a0014, #0f000c); color:#fff; text-align:center; }

/* HEADER */
.header { padding: 40px 20px; z-index:2; position:relative; }
.logo { width: 80%; max-width:420px; filter: drop-shadow(0 0 25px #ff4fd8); transition:0.4s; }
.logo:hover { transform: scale(1.05); filter: drop-shadow(0 0 45px #ff00cc); }

/* WELCOME OVERLAY FIX */
.welcome-overlay {
  position: fixed;
  top:0;
  left:0;
  width:100%;
  height:100%;
  z-index:9999;
  background: #000;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
}
.overlay-logo { width: 250px; margin-bottom:30px; filter: drop-shadow(0 0 30px #ff00cc); }
.enter-btn {
  font-family: 'Pacifico', cursive;
  font-size:32px;
  padding:25px 50px;
  border:none;
  border-radius:50px;
  background:#ff4fd8;
  color:#fff;
  cursor:pointer;
  box-shadow:0 0 30px #ff00cc;
  transition:0.3s;
}
.enter-btn:hover { transform: scale(1.1); box-shadow:0 0 50px #ff00cc; }

/* MAIN WRAPPER */
.main-wrapper { max-width:800px; margin:0 auto; padding:20px; }

/* GLOW GRID */
.glow-grid-section { padding:40px 0; }
.glow-grid { display:flex; justify-content:space-between; gap:20px; }
.glow-grid img { width:calc(33.33% - 13.33px); aspect-ratio:4/5; object-fit:cover; border-radius:20px; box-shadow:0 0 25px rgba(255,0,204,0.4); transition: transform 0.3s, box-shadow 0.3s; }
.glow-grid img:hover { transform: scale(1.05); box-shadow:0 0 45px rgba(255,0,204,0.6); }

/* INTRO TEXT */
.intro-text { margin:30px 0; font-size:16px; line-height:1.8; color:#ffe0f0; text-align:center; }
.intro-text h1 { font-family:'Pacifico', cursive; font-size:32px; color:#ffb3e6; margin-bottom:20px; text-shadow:0 0 15px #ff00cc; }

/* LINKS */
.links-section { padding:40px 0; display:flex; flex-direction:column; gap:15px; max-width:500px; margin:0 auto; }
.btn { padding:15px; border-radius:50px; text-decoration:none; font-weight:600; color:#fff; background: linear-gradient(45deg,#ff4fd8,#ff00cc); box-shadow:0 0 20px #ff4fd8; transition:0.3s; }
.btn:hover { transform: scale(1.05); box-shadow:0 0 40px #ff00cc; }

/* FOOTER */
.footer { padding:40px 20px; background:rgba(255,0,200,0.05); backdrop-filter:blur(20px); box-shadow:0 0 25px #ff4fd8; border-radius:20px; margin:40px auto 20px; max-width:800px; }
.footer-links { display:flex; justify-content:center; gap:30px; margin-bottom:15px; }
.footer-links a { color:#ffb3e6; text-decoration:none; font-weight:500; transition:0.3s; }
.footer-links a:hover { text-shadow:0 0 15px #ff00cc; }
.footer p { font-size:14px; color:#ffe0f0; }

/* RESPONSIVE */
@media(max-width:768px) {
  .glow-grid { flex-direction:column; gap:20px; }
  .glow-grid img { width:100%; }
  .links-section { max-width:100%; }
  .footer-links { flex-direction:column; gap:10px; }
}