.gradual-blur{pointer-events:none;transition:opacity .3s ease-out}.gradual-blur-parent{overflow:hidden}.gradual-blur-inner{pointer-events:none}
.tilt-wrapper{--pointer-x:50%;--pointer-y:50%;--rotate-x:0deg;--rotate-y:0deg;--pointer-from-center:0;--pointer-from-top:.5;--pointer-from-left:.5;--behind-glow-color:#7dbeff80;--behind-glow-size:60%;perspective:800px;position:relative}.tilt-behind{background:radial-gradient(circle at var(--pointer-x) var(--pointer-y), var(--behind-glow-color) 0%, transparent var(--behind-glow-size));filter:blur(28px);opacity:0;pointer-events:none;z-index:0;border-radius:24px;transition:opacity .4s;position:absolute;inset:-10%}.tilt-shell.active .tilt-behind,.tilt-wrapper:hover .tilt-behind{opacity:.7}.tilt-shell{z-index:1;transform-style:preserve-3d;will-change:transform;border-radius:20px;position:relative}.tilt-card{transform:rotateY(var(--rotate-x)) rotateX(var(--rotate-y));transform-style:preserve-3d;border-radius:20px;transition:transform .12s ease-out;position:relative;overflow:hidden}.tilt-shell:not(.active) .tilt-card{transition:transform .6s cubic-bezier(.23,1,.32,1)}.tilt-inside{border-radius:20px;position:relative;overflow:hidden}.tilt-shine{pointer-events:none;z-index:10;mix-blend-mode:soft-light;background:radial-gradient(circle at var(--pointer-x) var(--pointer-y), #ffffff80 0%, #ffffff1f 30%, transparent 65%);opacity:0;border-radius:20px;transition:opacity .3s;position:absolute;inset:0}.tilt-shell.active .tilt-shine{opacity:1}.tilt-glare{pointer-events:none;z-index:11;background:radial-gradient(ellipse at var(--pointer-x) var(--pointer-y), #ffffff40 0%, transparent 55%);opacity:0;border-radius:20px;transition:opacity .3s;position:absolute;inset:0}.tilt-shell.active .tilt-glare{opacity:calc(var(--pointer-from-center) * .6)}.tilt-card:before{content:"";-webkit-mask-composite:xor;pointer-events:none;z-index:12;opacity:0;background:linear-gradient(135deg,#ffffff26 0%,#ffffff0d 50%,#fff0 100%);border-radius:20px;padding:1.5px;transition:opacity .3s;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.tilt-shell.active .tilt-card:before{opacity:1}