/* /css/splash.css */
:root{
  --bg:#0f1418;
  --accent:#66b3e6; /* bleu 3s */
}

*{ box-sizing:border-box; }
html,body{
  margin:0;
  height:100%;
  background:var(--bg);
}
.center{
  height:100vh;
  display:grid;
  place-items:center;
}
.logo{
  width:160px;
  height:160px;
  pointer-events:none;
  user-select:none;
}

/* Néon + clignotement léger */
.neon{
  filter:
    drop-shadow(0 0 8px rgba(102,179,230,.85))
    drop-shadow(0 0 20px rgba(102,179,230,.6))
    drop-shadow(0 0 36px rgba(102,179,230,.35));
  animation: flicker 1.8s infinite ease-in-out;
}

/* Clignotement façon néon (petits faux contacts) */
@keyframes flicker{
  0%   { opacity:.92; transform:scale(1); }
  5%   { opacity:.55; }
  10%  { opacity:1;   filter:drop-shadow(0 0 24px rgba(102,179,230,1)) drop-shadow(0 0 42px rgba(102,179,230,.8)); }
  22%  { opacity:.75; }
  35%  { opacity:1;   transform:scale(1.02); }
  50%  { opacity:.85; }
  65%  { opacity:1;   transform:scale(1.03); }
  80%  { opacity:.7;  }
  100% { opacity:1;   transform:scale(1); }
}

/* Accessibilité : réduit l’animation si demandé par l’utilisateur */
@media (prefers-reduced-motion: reduce){
  .neon{ animation:none; }
}