*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;overflow-x:hidden;background:#000}.container{position:relative;width:100%;min-height:100vh;overflow:hidden}.sky{left:0;width:100%;background:linear-gradient(180deg,#000 0,#0a0a15 40%,#0d0d1a 70%,#151520);z-index:1}.milky-way,.sky{position:absolute;top:0;height:70vh}.milky-way{left:30%;width:40%;background:radial-gradient(ellipse at center,rgba(200,180,255,.15) 0,rgba(150,130,200,.1) 20%,rgba(100,90,150,.05) 40%,transparent 70%);transform:rotate(-15deg);z-index:2;filter:blur(2px)}.star{position:absolute;background:#fff;border-radius:50%;animation:twinkle linear infinite;box-shadow:0 0 2px hsla(0,0%,100%,.8)}.star.bright{box-shadow:0 0 4px #fff}.star.colorful{background:#ffd4a3}@keyframes twinkle{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}.shooting-star{position:absolute;width:2px;height:2px;background:#fff;border-radius:50%;box-shadow:0 0 10px 2px hsla(0,0%,100%,.8);animation:shoot 3s linear infinite;opacity:0}@keyframes shoot{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-200px,200px)}}.moon{position:absolute;top:15%;right:20%;width:80px;height:80px;background:#e8e8e0;border-radius:50%;box-shadow:0 0 40px hsla(0,0%,100%,.3),inset -8px -8px 15px rgba(0,0,0,.15);z-index:2;animation:moonGlow 6s ease-in-out infinite}@keyframes moonGlow{0%,to{box-shadow:0 0 40px hsla(0,0%,100%,.3),inset -8px -8px 15px rgba(0,0,0,.15)}50%{box-shadow:0 0 50px hsla(0,0%,100%,.4),inset -8px -8px 15px rgba(0,0,0,.15)}}.lake{left:0;background:linear-gradient(180deg,#050508 0,#030306 50%,#000);z-index:1}.lake,.ripple{position:absolute;bottom:0;width:100%;height:30vh}.ripple{background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.01) 25%,transparent 50%,hsla(0,0%,100%,.01) 75%,transparent);animation:ripple 15s linear infinite;z-index:2}@keyframes ripple{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;z-index:10;width:90%}.greeting{font-size:4rem;color:#e8e8e8;text-shadow:0 0 10px hsla(0,0%,100%,.3),0 0 20px rgba(200,220,255,.2);opacity:0;animation:fadeInUp 2s ease-out forwards;font-weight:300;letter-spacing:2px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.name{background:linear-gradient(45deg,#90b8d8,#a8c8e8,#b8d8f8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:700;animation:colorShift 4s ease-in-out infinite}@keyframes colorShift{0%,to{filter:hue-rotate(0deg)}50%{filter:hue-rotate(15deg)}}.content{animation:float 4s ease-in-out infinite}@keyframes float{0%,to{transform:translate(-50%,-50%)}50%{transform:translate(-50%,calc(-50% - 8px))}}.reflection{position:absolute;top:70vh;left:50%;transform:translateX(-50%);font-size:4rem;color:hsla(0,0%,100%,.08);text-shadow:0 0 10px hsla(0,0%,100%,.1);z-index:3;font-weight:300;letter-spacing:2px;filter:blur(3px);opacity:0;animation:fadeInReflection 2s ease-out .5s forwards}@keyframes fadeInReflection{0%{opacity:0;transform:translateX(-50%) translateY(-20px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.mountains{position:absolute;bottom:30vh;left:0;width:100%;height:300px;z-index:5}.mountain{position:absolute;bottom:0;filter:drop-shadow(0 -2px 10px rgba(0,0,0,.5))}.mountain1{left:-5%;width:0;height:0;border-left:450px solid transparent;border-right:450px solid transparent;border-bottom:250px solid #0a0a0f;background:none}.mountain1:before{content:"";position:absolute;bottom:0;left:-450px;width:0;height:0;border-left:200px solid transparent;border-right:200px solid transparent;border-bottom:120px solid #050508}.mountain2{left:20%;border-left:380px solid transparent;border-right:380px solid transparent;border-bottom:200px solid #000;opacity:.95;z-index:6}.mountain2,.mountain3{width:0;height:0;background:none}.mountain3{right:0;border-left:500px solid transparent;border-right:500px solid transparent;border-bottom:220px solid #0d0d12}.mountain3:after{content:"";right:-500px;border-left:250px solid transparent;border-right:250px solid transparent;border-bottom:140px solid #060609}.mountain-back,.mountain3:after{position:absolute;bottom:0;width:0;height:0}.mountain-back{left:50%;transform:translateX(-50%);border-left:600px solid transparent;border-right:600px solid transparent;border-bottom:180px solid #05050a;opacity:.7;z-index:4}.tree-line{bottom:30vh;left:0;width:100%;height:100px;background:#000;z-index:6}.tree,.tree-line{position:absolute}.tree{bottom:0;width:0;height:0;border-left:15px solid transparent;border-right:15px solid transparent;border-bottom:80px solid #000}@media (max-width:768px){.greeting,.reflection{font-size:2.5rem}.moon{width:60px;height:60px;top:8%;right:10%}}.cloud{position:absolute;background:hsla(0,0%,100%,.01);border-radius:100px;opacity:.2;animation:cloudFloat linear infinite;filter:blur(3px)}@keyframes cloudFloat{0%{transform:translateX(-100%)}to{transform:translateX(100vw)}}.rock{position:absolute;bottom:28vh;background:#000;border-radius:50%;z-index:7}.rock1{right:10%;width:150px;height:100px;border-radius:50% 50% 40% 60%}.rock2{right:5%;width:100px;height:70px;border-radius:60% 40% 50% 50%}