/* Fluo zimsko venčanje — VHS Neon card with glitch on hover */
.card--fluo{
  --card-bg:#0a0a0a;--card-accent:#FF2D7B;--card-cyan:#00F0FF;--card-yellow:#FFE900;--card-green:#39FF14;
  background:var(--card-bg);overflow:hidden;position:relative;
  border:1px solid rgba(255,45,123,.2);
  font-family:'Space Mono',monospace;color:#fff;
  transition:transform .4s ease,border-color .4s ease;
}
.card--fluo:hover{transform:translateY(-4px);border-color:var(--card-cyan)}
.card--fluo .card__img-wrap{position:relative;overflow:hidden;aspect-ratio:16/9}
.card--fluo .card__img{
  width:100%;height:100%;object-fit:cover;
  transition:transform .6s ease,filter .6s ease;
  filter:contrast(1.1) saturate(1.3);
}
.card--fluo:hover .card__img{
  transform:scale(1.05);
  filter:contrast(1.2) saturate(1.5) hue-rotate(5deg);
  animation:imgGlitch 3s steps(1) infinite;
}
/* Breathing scanline overlay */
.card--fluo .card__img-wrap::after{
  content:'';position:absolute;inset:0;
  background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.15) 2px,rgba(0,0,0,.15) 4px);
  pointer-events:none;
  animation:scanBreathe 3s ease-in-out infinite;
}
@keyframes scanBreathe{
  0%,100%{opacity:.6;transform:translateY(0)}
  50%{opacity:.9;transform:translateY(2px)}
}
/* RGB split glitch on image hover */
@keyframes imgGlitch{
  0%,92%,100%{clip-path:inset(0 0 0 0);transform:scale(1.05) translate(0)}
  93%{clip-path:inset(20% 0 60% 0);transform:scale(1.05) translate(4px,0)}
  94%{clip-path:inset(60% 0 10% 0);transform:scale(1.05) translate(-3px,0)}
  95%{clip-path:inset(40% 0 30% 0);transform:scale(1.05) translate(2px,0)}
  96%{clip-path:inset(0 0 0 0);transform:scale(1.05) translate(0)}
}
/* Chromatic aberration overlay on hover */
.card--fluo .card__img-wrap::before{
  content:'';position:absolute;inset:0;pointer-events:none;z-index:1;
  opacity:0;transition:opacity .3s ease;
  background:
    linear-gradient(90deg,rgba(255,45,123,.12) 0%,transparent 30%,transparent 70%,rgba(0,240,255,.12) 100%);
  mix-blend-mode:screen;
}
.card--fluo:hover .card__img-wrap::before{opacity:1}
.card--fluo .card__badge{
  position:absolute;bottom:12px;left:12px;
  font-family:'Space Mono',monospace;font-size:9px;letter-spacing:3px;text-transform:uppercase;
  color:var(--card-cyan);
  border:1px solid rgba(0,240,255,.3);padding:3px 10px;
  text-shadow:0 0 8px rgba(0,240,255,.4);
}
.card--fluo .card__body{padding:18px 20px 22px}
.card--fluo .card__year{
  font-family:'Space Mono',monospace;
  font-size:9px;letter-spacing:4px;color:var(--card-green);margin-bottom:6px;display:block;
  text-shadow:0 0 8px rgba(57,255,20,.3);
}
.card--fluo .card__title{
  font-family:'Outfit',sans-serif;font-weight:900;font-size:22px;
  text-transform:uppercase;letter-spacing:1px;line-height:1.2;margin-bottom:8px;
  color:transparent;
  -webkit-text-stroke:1px #fff;
  transition:color .3s ease,-webkit-text-stroke-color .3s ease,text-shadow .3s ease;
}
.card--fluo:hover .card__title{
  color:var(--card-accent);
  -webkit-text-stroke:1px var(--card-accent);
  text-shadow:0 0 10px var(--card-accent),0 0 40px rgba(255,45,123,.3);
  animation:glitchFlick .15s steps(2) 1;
}
.card--fluo .card__desc{
  font-family:'Space Mono',monospace;
  font-size:11px;line-height:1.6;color:rgba(255,255,255,.4);
}
.card--fluo .card__desc em{color:var(--card-yellow);font-style:normal}
/* Neon glow on hover */
.card--fluo:hover{
  box-shadow:0 0 30px rgba(255,45,123,.15),0 0 60px rgba(0,240,255,.08);
}
/* Glitch flicker on title */
@keyframes glitchFlick{
  0%{transform:translate(0)}
  25%{transform:translate(-2px,1px)}
  50%{transform:translate(2px,-1px)}
  75%{transform:translate(-1px,-1px)}
  100%{transform:translate(0)}
}