/* ── 카드 넘버: 블러→선명 ── */
.card-number{filter:blur(12px);opacity:0;transition:filter 1.2s cubic-bezier(0.25,1,0.5,1),opacity 1s ease;}
.card-number.is-visible{filter:blur(0);opacity:1;}

/* ── 3D 카드 틸트 ── */
.tilt-card{transition:transform 0.15s ease,box-shadow 0.15s ease;transform-style:preserve-3d;will-change:transform;}

/* ── 마그네틱 버튼 ── */
.magnetic{transition:transform 0.3s cubic-bezier(0.23,1,0.32,1);}

/* ── 파티클 캔버스 ── */
#particle-canvas{position:absolute;inset:0;z-index:0;pointer-events:none;}
#particle-canvas canvas{width:100%!important;height:100%!important;}

/* ── Fallback: GSAP 실패 시 콘텐츠 강제 표시 ── */
@keyframes forceShow{to{opacity:1!important;clip-path:none!important;transform:none!important;}}
[data-anim]{animation:forceShow 0s 2.5s forwards;}

/* ── REDUCED MOTION ── */
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{
    animation-duration:0.01ms!important;
    animation-iteration-count:1!important;
    transition-duration:0.01ms!important;
    scroll-behavior:auto!important;
  }
}