:root{--button-shadow-near:rgba(0,0,0,0.15);--button-shadow-far:rgba(0,0,0,0.1);--button-shadow-rim:rgba(59,130,246,0.1);--button-lift-distance:6px;--button-tilt-max:4deg;--animation-duration-fast:0.18s;--animation-duration-base:0.24s;--animation-duration-slow:0.6s;--animation-easing:cubic-bezier(0.22,1,0.36,1)}.animated-button-3d{transform-style:preserve-3d;backface-visibility:hidden;will-change:transform,box-shadow}.animated-button-shadow{background:linear-gradient(135deg,rgba(0,0,0,.1),rgba(0,0,0,.05));border-radius:inherit;filter:blur(8px);transform:translateZ(-1px)}.animated-button-3d:hover+.animated-button-shadow,.animated-button-3d[data-hover=true]+.animated-button-shadow{opacity:.6}.page-transition-container{will-change:transform,opacity;backface-visibility:hidden;transform-style:preserve-3d}@keyframes slideLeftIn{0%{transform:translateX(100px);opacity:0}to{transform:translateX(0);opacity:1}}@keyframes slideRightIn{0%{transform:translateX(-100px);opacity:0}to{transform:translateX(0);opacity:1}}@keyframes slideUpIn{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideDownIn{0%{transform:translateY(-30px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes zoomIn{0%{transform:scale(.96);opacity:0}to{transform:scale(1);opacity:1}}@keyframes rotateIn{0%{transform:rotateX(-8deg) translateZ(0);opacity:0}to{transform:rotateX(0deg) translateZ(0);opacity:1}}@keyframes flipIn{0%{transform:perspective(1000px) rotateY(-90deg);opacity:0}to{transform:perspective(1000px) rotateY(0deg);opacity:1}}@keyframes parallaxIn{0%{transform:translateY(20px) scale(.98);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.animated-button-3d,.page-transition-container{animation:none!important;transition:opacity .15s ease!important}.animated-button-3d:hover{transform:none!important}*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.animated-button-3d,.page-transition-container{transform:translateZ(0);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.animated-button-3d:focus-visible{outline:2px solid currentColor;outline-offset:2px}@media (prefers-color-scheme:dark){:root{--button-shadow-near:rgba(0,0,0,0.3);--button-shadow-far:rgba(0,0,0,0.2);--button-shadow-rim:rgba(96,165,250,0.15)}}