.parallax-container{position:relative;transform-style:preserve-3d;perspective:900px;transform:translateZ(0);backface-visibility:hidden;width:100%;height:100%;--mouse-x: 0;--mouse-y: 0;--cur-x: 0;--cur-y: 0;--tilt-x: 0deg;--tilt-y: 0deg;--bg-tx: 0px;--bg-ty: 0px;--mg-tx: 0px;--mg-ty: 0px;--fg-tx: 0px;--fg-ty: 0px;--mask-inset: 0px;-webkit-overflow-scrolling:touch;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}.card-3d{position:relative;width:100%;height:100%;transform-style:preserve-3d;will-change:transform;transform:rotateX(var(--tilt-y)) rotateY(var(--tilt-x));transition:transform 40ms linear}.card-mask{position:absolute;inset:var(--mask-inset);overflow:hidden;border-radius:inherit;pointer-events:none;transition:inset .12s ease-out}.parallax-layer{position:absolute;inset:0;background-size:cover;background-position:center;background-repeat:no-repeat;will-change:transform;pointer-events:none}.parallax-layer.background{z-index:1;transform:translate3d(var(--bg-tx),var(--bg-ty),-20px)}.parallax-layer.middleground{z-index:2;transform:translate3d(var(--mg-tx),var(--mg-ty),0)}.parallax-layer.foreground{z-index:3;transform:translate3d(var(--fg-tx),var(--fg-ty),20px);overflow:visible}.parallax-layer.logo{z-index:4;transform:translate3d(var(--fg-tx),var(--fg-ty),30px);overflow:visible}@keyframes parallaxOrbit{0%{filter:drop-shadow(0 12px 24px rgba(0,0,0,.25))}50%{filter:drop-shadow(0 18px 36px rgba(0,0,0,.35))}to{filter:drop-shadow(0 12px 24px rgba(0,0,0,.25))}}.parallax-layer.orbit{animation:parallaxOrbit 6s ease-in-out infinite}.permission-button{min-height:44px;min-width:44px;transition:all .2s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none;touch-action:manipulation}.permission-button:active{transform:scale(.95);background:#0056cc!important}.debug-info{font-size:12px;pointer-events:none}@media (prefers-reduced-motion: reduce){.card-3d{transform:scale(1.01);transition:none}.parallax-layer.background,.parallax-layer.middleground,.parallax-layer.foreground{transform:none!important;animation:none!important}}@media (max-width: 768px){.parallax-container{-webkit-transform:translateZ(0);transform:translateZ(0)}.debug-info{font-size:10px!important;padding:2px 6px!important}}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2)}h1{color:#fff;text-align:center;margin-bottom:2rem}