/* OoruTrip animated 3D-style scene (layered parallax SVG). No images or video files needed. */
[data-scene]{position:relative;isolation:isolate}
.scene3d{position:absolute;inset:0;z-index:-1;pointer-events:none;overflow:hidden;border-radius:inherit;perspective:900px}
.scene3d .l{position:absolute;left:-4%;top:-4%;width:108%;height:108%;will-change:transform;transition:transform .35s cubic-bezier(.2,.7,.2,1)}
.scene3d svg{display:block;width:100%;height:100%}
.scene3d .shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,18,44,.6) 0%,rgba(6,18,44,.25) 50%,rgba(6,18,44,0) 100%)}
.scene3d[data-variant="compact"] .shade{background:linear-gradient(90deg,rgba(6,18,44,.7),rgba(6,18,44,.2) 70%,rgba(6,18,44,.05))}
.scene3d[data-variant="login"] .shade{background:radial-gradient(60% 60% at 50% 55%,rgba(6,18,44,.1),rgba(6,18,44,.55))}
.scene3d .cloud{animation:otCloud 60s linear infinite}
.scene3d .cloud.c2{animation-duration:90s;animation-delay:-35s}
.scene3d .cloud.c3{animation-duration:75s;animation-delay:-12s}
@keyframes otCloud{from{transform:translateX(-420px)}to{transform:translateX(1900px)}}
.scene3d .sun{animation:otSun 6s ease-in-out infinite;transform-origin:center;transform-box:fill-box}
@keyframes otSun{50%{transform:scale(1.08);opacity:.9}}
.scene3d .star{animation:otTw 3.6s ease-in-out infinite}
@keyframes otTw{50%{opacity:.15}}
.scene3d .roadline{animation:otRoad 1.1s linear infinite}
@keyframes otRoad{to{stroke-dashoffset:-64}}
.scene3d .jeep{animation:otBob 1.4s ease-in-out infinite;transform-box:fill-box;transform-origin:center bottom}
@keyframes otBob{50%{transform:translateY(-2.5px)}}
.scene3d .wheel{animation:otSpin .5s linear infinite;transform-box:fill-box;transform-origin:center}
@keyframes otSpin{to{transform:rotate(360deg)}}
.scene3d .fly{position:absolute;width:5px;height:5px;border-radius:50%;background:#FFE19A;box-shadow:0 0 10px 3px rgba(255,225,154,.65);opacity:0;animation:otFly 9s ease-in-out infinite}
@keyframes otFly{0%{opacity:0;transform:translate(0,0)}20%{opacity:.9}100%{opacity:0;transform:translate(30px,-120px)}}
@media (prefers-reduced-motion:reduce){.scene3d *{animation:none!important;transition:none!important}}