.light-rays-container{width:100%;height:100%;position:relative;pointer-events:none;z-index:3;overflow:hidden}.dust-particles-container{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;overflow:hidden;z-index:2}.dust-particle{position:absolute;border-radius:50%;background-color:#fff;animation:dustFloat linear infinite;filter:blur(.5px)}@keyframes dustFloat{0%{transform:translate(0) rotate(0)}to{transform:translate(var(--drift-x),calc(var(--drift-y) * -1)) rotate(360deg)}}.dust-particle:nth-child(2n){filter:blur(1px)}.dust-particle:nth-child(7n){filter:blur(.2px)}.tilted-card-figure{position:relative;width:100%;height:100%;perspective:800px;display:flex;flex-direction:column;align-items:center;justify-content:center}.tilted-card-mobile-alert{position:absolute;top:1rem;text-align:center;font-size:.875rem;display:none}@media (max-width: 640px){.tilted-card-mobile-alert{display:block}.tilted-card-caption{display:none}}.tilted-card-inner{position:relative;transform-style:preserve-3d;display:grid;place-items:center}.tilted-card-background{grid-area:1 / 1;width:100%;height:100%;background-size:cover;background-position:center;border-radius:20px;will-change:transform;transform:translateZ(-10px);scale:1.05;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 8px 32px #0000001a,0 4px 16px #0000000d,inset 0 1px #ffffff4d,inset 0 -1px #ffffff1a}.tilted-card-background-overlay{position:absolute;top:0;left:0;background-color:#0006;border-radius:15px;will-change:transform;transform:translateZ(-5px)}.tilted-card-img{position:relative;object-fit:contain;border-radius:20px;will-change:transform;transform:translateZ(0);z-index:2;padding:2rem;background:#ffffff26;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:1px solid rgba(255,255,255,.25);box-shadow:0 4px 16px #0000001a,inset 0 1px #fff6;grid-area:1 / 1}.tilted-card-overlay{z-index:3;will-change:transform;transform:translateZ(30px);grid-area:1 / 1;width:100%;height:100%;display:flex;align-items:center;justify-content:center;border-radius:20px;background:#ffffff14;-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);border:1px solid rgba(255,255,255,.15);box-shadow:0 12px 40px #0000001f,0 4px 16px #00000014,inset 0 1px #ffffff40}.tilted-card-caption{pointer-events:none;position:absolute;left:0;top:0;border-radius:12px;background:#fff3;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:1px solid rgba(255,255,255,.3);padding:8px 16px;font-size:10px;color:#fff;opacity:0;z-index:3;box-shadow:0 4px 16px #0000001a,inset 0 1px #fff6}
