.demo-page-main{min-height:calc(100vh - 80px);padding:3rem 1rem;position:relative;overflow:hidden;background:#0a0e13}.geo-background{top:0;bottom:0;overflow:hidden}.geo-background,.geo-layer{position:absolute;left:0;right:0}.geo-layer{transition:opacity .3s ease}.geo-layer-1{top:0;height:15%;background:linear-gradient(180deg,#1a2332,#1e2939 50%,#232f40)}.geo-layer-2{top:15%;height:20%;background:linear-gradient(180deg,#232f40,#2a3a4d 30%,#1f2b3a 70%,#243242);box-shadow:inset 0 2px 20px rgba(0,0,0,.3)}.geo-layer-3{top:35%;height:20%;background:linear-gradient(180deg,#243242,#2d4256 30%,#1a2d40 70%,#1e3347);box-shadow:inset 0 2px 30px rgba(0,0,0,.4)}.geo-layer-4{top:55%;height:25%;background:linear-gradient(180deg,#1e3347,#1a2f42 30%,#15263a 70%,#0f1c2d);box-shadow:inset 0 3px 40px rgba(0,0,0,.5)}.geo-layer-5{top:80%;height:20%;background:linear-gradient(180deg,#0f1c2d,#0a1420 50%,#060a0f);box-shadow:inset 0 4px 50px rgba(0,0,0,.6)}.rock-texture{top:0;bottom:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");opacity:.03;pointer-events:none}.rock-texture,.water-table{position:absolute;left:0;right:0}.water-table{top:58%;height:3px;background:linear-gradient(90deg,transparent,rgba(74,144,217,.1) 10%,rgba(74,144,217,.3) 50%,rgba(74,144,217,.1) 90%,transparent);overflow:hidden}.water-shimmer{position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(90deg,transparent,rgba(74,144,217,.6) 50%,transparent);animation:shimmer 4s ease-in-out infinite}@keyframes shimmer{0%{left:-50%}to{left:150%}}.depth-markers{position:absolute;left:30px;top:10%;bottom:10%;display:flex;flex-direction:column;justify-content:space-between;opacity:.4}.depth-mark{position:relative;padding-left:20px}.depth-mark:before{content:"";position:absolute;left:0;top:50%;width:12px;height:2px;background:rgba(74,144,217,.5)}.depth-mark span{font-family:JetBrains Mono,monospace;font-size:.625rem;color:rgba(74,144,217,.7);text-transform:uppercase;letter-spacing:.05em}.particles{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;overflow:hidden}.particle{position:absolute;width:3px;height:3px;background:rgba(74,144,217,.3);border-radius:50%;animation:float 20s ease-in-out infinite}.particle-1{left:10%;top:20%;animation-delay:0s;animation-duration:25s}.particle-2{left:20%;top:60%;animation-delay:2s;animation-duration:22s}.particle-3{left:80%;top:30%;animation-delay:4s;animation-duration:28s}.particle-4{left:70%;top:70%;animation-delay:1s;animation-duration:20s}.particle-5{left:15%;top:80%;animation-delay:3s;animation-duration:24s}.particle-6{left:85%;top:50%;animation-delay:5s;animation-duration:26s}.particle-7{left:5%;top:40%;animation-delay:2.5s;animation-duration:23s}.particle-8{left:90%;top:15%;animation-delay:1.5s;animation-duration:21s}.particle-9{left:25%;top:90%;animation-delay:4.5s;animation-duration:27s}.particle-10{left:75%;top:85%;animation-delay:.5s;animation-duration:19s}.particle-11{left:40%;top:25%;animation-delay:3.5s;animation-duration:25s}.particle-12{left:60%;top:45%;animation-delay:2.8s;animation-duration:22s}@keyframes float{0%,to{transform:translateY(0) translateX(0) scale(1);opacity:.3}25%{transform:translateY(-30px) translateX(10px) scale(1.2);opacity:.5}50%{transform:translateY(-15px) translateX(-15px) scale(.8);opacity:.2}75%{transform:translateY(-45px) translateX(5px) scale(1.1);opacity:.4}}@media (max-width:991px){.depth-markers{display:none}}