/* style.css */
:root {
  --neon: #00f9ff; --pink: #ff00aa; --purple: #9d00ff; --dark: #0a0a0a; --gray: #1a1a1a; --light: #eee;
}
* { margin:0; padding:0; box-sizing:border-box; }
body { background:var(--dark); color:var(--light); font-family:'Poppins',sans-serif; min-height:100vh; }
.container { max-width:900px; margin:0 auto; padding:1.5rem; }

/* MENU FIXE */
.navbar {
  position:fixed; top:0; left:0; right:0; z-index:1000;
  background:var(--gray); padding:1rem; display:flex; justify-content:space-between; align-items:center;
  backdrop-filter:blur(15px); border-bottom:1px solid #333; box-shadow:0 4px 20px rgba(0,0,0,.5);
}
.logo { font-family:'Orbitron',sans-serif; font-size:1.6rem; }
.neon { color:var(--neon); text-shadow:0 0 15px var(--neon); }
.hamburger { font-size:2rem; cursor:pointer; display:none; }
.menu { list-style:none; display:flex; gap:1.8rem; }
.menu a { color:var(--light); text-decoration:none; font-weight:600; position:relative; transition:.3s; }
.menu a::after { content:''; position:absolute; bottom:-8px; left:0; width:0; height:3px; background:var(--neon); transition:.3s; border-radius:2px; }
.menu a:hover { color:var(--neon); }
.menu a:hover::after { width:100%; }

/* TITRE */
.page-title { text-align:center; margin-top:100px; padding:2rem 0; }
.glitch { font-family:'Orbitron',sans-serif; font-size:3.2rem; color:var(--neon); text-shadow:0 0 15px var(--neon); animation:glitch 2s infinite alternate; }

/* LISTE 100 PROMPTS */
.prompt-list { 
  background:var(--gray); border:1px solid var(--neon); border-radius:16px; padding:1.5rem; margin:2rem 0; 
  max-height:600px; overflow-y:auto; box-shadow:0 0 25px rgba(0,243,255,.3);
}
.prompt-item { 
  background:#111; margin:8px 0; padding:12px; border-radius:12px; border-left:4px solid var(--pink); 
  font-family:monospace; font-size:0.95rem; transition:.3s; cursor:pointer;
}
.prompt-item:hover { background:#222; border-left-color:var(--neon); transform:translateX(5px); }

/* BOUTONS */
.btn-pulse { background:var(--neon); color:var(--dark); padding:1rem 2rem; border:none; border-radius:50px; font-weight:600; cursor:pointer; animation:pulse 2s infinite; margin:1rem 0; display:inline-block; }
.share-btn { background:var(--pink); color:white; padding:.8rem 1.5rem; border-radius:50px; text-decoration:none; margin:0 .5rem; font-size:.9rem; display:inline-block; }

/* BACK TO TOP */
#backTop {
  position:fixed; bottom:25px; right:25px; background:var(--pink); color:white; width:55px; height:55px; border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:1.8rem; cursor:pointer; opacity:0; transition:.4s; box-shadow:0 0 20px rgba(255,0,170,.6); z-index:999;
}
#backTop.show { opacity:1; }

/* ANIMATIONS */
@keyframes glitch { 0%,100% { text-shadow:0 0 15px var(--neon); } 50% { text-shadow:3px 3px 15px var(--pink); } }
@keyframes pulse { 0%,100% { transform:scale(1); } 50% { transform:scale(1.08); } }

/* Responsive */
@media (max-width:768px) {
  .hamburger { display:block; }
  .menu { position:fixed; top:70px; left:0; width:100%; background:var(--gray); flex-direction:column; max-height:0; overflow:hidden; transition:.4s; }
  .menu.active { max-height:700px; padding:1rem 0; }
  .menu a { padding:1.2rem; text-align:center; font-size:1.1rem; }
  .glitch { font-size:2.3rem; }
}