@keyframes pageHologramIn{0%{opacity:0;filter:blur(30px)brightness(4.8)saturate(2.5);clip-path:polygon(0 14%,100% 0,100% 18%,0 32%);transform:translate(18px,42px)scale(.94)skew(-4deg)}4%{opacity:.02;filter:blur(34px)brightness(5.4)saturate(2.8);clip-path:polygon(0 18%,100% 0,100% 14%,0 36%);transform:translate(24px,46px)scale(.93)skew(-5deg)}10%{opacity:.16;filter:blur(22px)brightness(5.2)saturate(2.7);clip-path:polygon(0 0,100% 8%,100% 44%,0 30%);transform:translate(-10px,28px)scale(.965)skew(3deg)}22%{opacity:.68;filter:blur(10px)brightness(3.8)saturate(2);clip-path:polygon(0 0,100% 0,100% 64%,0 48%);transform:translate(12px,16px)scale(1.012)skew(-2deg)}34%{opacity:.28;filter:blur(16px)brightness(4.6)saturate(2.4);clip-path:polygon(0 8%,100% 0,100% 82%,0 66%);transform:translate(-8px,20px)scale(.982)skew(2.4deg)}50%{opacity:.86;filter:blur(6px)brightness(2.8)saturate(1.7);clip-path:polygon(0 0,100% 4%,100% 100%,0 88%);transform:translate(6px,8px)scale(1.004)skew(-1deg)}70%{opacity:.96;filter:blur(2px)brightness(1.65)saturate(1.25);clip-path:polygon(0 0,100% 0,100% 100%,0 100%);transform:translate(-2px,2px)scale(1.001)skew(.5deg)}84%{opacity:.985;filter:blur(1px)brightness(1.3)saturate(1.08);clip-path:polygon(0 0,100% 0,100% 100%,0 100%);transform:translate(-1px,1px)scale(1.0005)skew(.2deg)}92%{opacity:.995;filter:blur(.4px)brightness(1.08)saturate(1.02);clip-path:polygon(0 0,100% 0,100% 100%,0 100%);transform:translate(0,0)scale(1.0001)skew(0)}to{opacity:1;filter:blur()brightness()saturate();clip-path:polygon(0 0,100% 0,100% 100%,0 100%);transform:translate(0,0)scale(1)skew(0)}}@keyframes pageHologramOut{0%{opacity:1;filter:blur()brightness(1.15)saturate(1.1);clip-path:polygon(0 0,100% 0,100% 100%,0 100%);transform:translate(0,0)scale(1)skew(0)}6%{opacity:.985;filter:blur(1px)brightness(1.6)saturate(1.25);clip-path:polygon(0 0,100% 1%,100% 100%,0 100%);transform:translate(-3px,-2px)scale(1.006)skew(-.8deg)}8%{opacity:.86;filter:blur(3px)brightness(2.8)saturate(1.8);clip-path:polygon(0 0,100% 3%,100% 98%,0 100%);transform:translate(-8px,-4px)scale(1.012)skew(-2deg)}18%{opacity:.42;filter:blur(10px)brightness(4)saturate(2.25);clip-path:polygon(0 8%,100% 0,100% 88%,0 96%);transform:translate(14px,8px)scale(.988)skew(2.5deg)}30%{opacity:.74;filter:blur(5px)brightness(3.2)saturate(1.9);clip-path:polygon(0 16%,100% 6%,100% 74%,0 90%);transform:translate(-12px,4px)scale(1.006)skew(-1.8deg)}46%{opacity:.26;filter:blur(18px)brightness(4.4)saturate(2.4);clip-path:polygon(0 30%,100% 18%,100% 58%,0 76%);transform:translate(20px,18px)scale(.965)skew(3deg)}62%{opacity:.48;filter:blur(20px)brightness(3.1)saturate(1.7);clip-path:polygon(0 42%,100% 34%,100% 48%,0 66%);transform:translate(-18px,12px)scale(.945)skew(-2.2deg)}78%{opacity:.16;filter:blur(28px)brightness(2.2)saturate(1.25);clip-path:polygon(0 54%,100% 48%,100% 52%,0 58%);transform:translate(28px,30px)scale(.91)skew(2deg)}88%{opacity:.06;filter:blur(32px)brightness(1.2)saturate(.9);clip-path:polygon(0 58%,100% 54%,100% 56%,0 60%);transform:translate(34px,36px)scale(.895)skew(1deg)}96%{opacity:.015;filter:blur(38px)brightness(.65)saturate(.72);clip-path:polygon(0 60%,100% 58%,100% 58%,0 60%);transform:translate(40px,42px)scale(.885)skew(.4deg)}to{opacity:0;filter:blur(36px)brightness(.35)saturate(.65);clip-path:polygon(0 62%,100% 58%,100% 58%,0 62%);transform:translate(42px,46px)scale(.88)skew(0)}}.hologram-page-transition{animation:.78s cubic-bezier(.16,1,.3,1) both pageHologramIn}body.page-hologram-out .hologram-page-transition{pointer-events:none;animation:.78s cubic-bezier(.16,1,.3,1) both pageHologramOut}.hologram-page-transition:before,.hologram-page-transition:after{content:"";z-index:9998;pointer-events:none;opacity:0;position:fixed;inset:0}.hologram-page-transition:before{mix-blend-mode:screen;background:repeating-linear-gradient(#7cc7ff17 0 1px,#0000 2px 7px),radial-gradient(at 0,#2f9cff38 0%,#2f9cff1f 12%,#2f9cff0a 22%,#0000 38%),radial-gradient(at 100%,#ff6a0033 0%,#ff6a001a 12%,#ff6a000a 22%,#0000 38%),radial-gradient(at top,#2f9cff24 0%,#2f9cff0f 16%,#0000 42%),radial-gradient(at bottom,#ff6a001f 0%,#ff6a000d 16%,#0000 42%),linear-gradient(135deg,#2f9cff24,#0000 44%,#ff6a001f);box-shadow:inset 0 0 180px #2f9cff0d,inset 0 0 220px #ff6a000a,inset 0 0 42px #2f9cff14,inset 0 0 36px #ff6a0012}.hologram-page-transition:after{mix-blend-mode:screen;filter:blur(1px);background:linear-gradient(90deg,#0000 0%,#7cc7ff0d 18%,#7cc7ff2e 36%,#ffffff1a 50%,#ff6a0029 68%,#ff6a000a 82%,#0000 100%);transform:translate(-120%)}body.page-hologram-out .hologram-page-transition:before{animation:.62s steps(8,end) both pageHologramNoiseOut}body.page-hologram-out .hologram-page-transition:after{animation:.62s ease-in both pageHologramScanOut}@keyframes pageHologramNoiseOut{0%{opacity:.08;transform:translate(0,0)}18%{opacity:.48;transform:translate(-8px,4px)}34%{opacity:.22;transform:translate(10px,-6px)}58%{opacity:.62;transform:translate(-14px,8px)}to{opacity:0;transform:translate(18px,-10px)}}@keyframes pageHologramScanOut{0%{opacity:0;transform:translate(-120%)skew(-12deg)}24%{opacity:.72}to{opacity:0;transform:translate(120%)skew(-12deg)}}@media (prefers-reduced-motion:reduce){.hologram-page-transition,body.page-hologram-out .hologram-page-transition,body.page-hologram-out .hologram-page-transition:before,body.page-hologram-out .hologram-page-transition:after{animation:none}}
