*{margin:0;padding:0;box-sizing:border-box}html{background-color:#0a1628}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;color:#ffffff;overflow-x:hidden}.container,body{width:100%;min-height:100vh}.container{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:0;position:relative;background:url(/img/space.png) fixed 50%/cover no-repeat #0a1628}.container:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(10,22,40,.15);z-index:0}.content{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:30px;max-width:800px;width:100%;min-height:100vh}h1{font-weight:300;letter-spacing:1px;text-shadow:0 4px 15px rgba(255,255,255,.2);margin-bottom:20px;margin-top:50px}.time-display,h1{font-size:3.5rem;text-align:center}.time-display{background:rgba(30,50,80,.4);border:2px solid rgba(100,200,255,.5);border-radius:20px;padding:30px 50px;font-family:Courier New,monospace;font-weight:700;letter-spacing:5px;box-shadow:0 0 30px rgba(100,200,255,.3),inset 0 0 20px rgba(100,200,255,.1);color:#64c8ff;min-width:400px;animation:glow 3s ease-in-out infinite}@keyframes glow{0%,to{box-shadow:0 0 30px rgba(100,200,255,.3),inset 0 0 20px rgba(100,200,255,.1)}50%{box-shadow:0 0 50px rgba(100,200,255,.5),inset 0 0 30px rgba(100,200,255,.2)}}.planets-section{justify-content:center;gap:40px;width:100%;margin-top:20px}.planet,.planets-section{display:flex;flex-direction:column;align-items:center}.planet{gap:15px}.mars-image,.planet-image{width:auto;height:auto;border-radius:0;object-fit:contain;filter:none}.mars-image{animation:rotate 120s linear infinite}.earth-image{width:100%;height:auto;border-radius:0;filter:none;object-fit:contain;display:none}.mars .planet-image{filter:none;animation:rotate 20s linear infinite}.earth .planet-image{filter:none}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.planet-name{font-size:1.5rem;font-weight:600;letter-spacing:2px}.planet-name,.planet-time{text-align:center;display:none}.planet-time{font-family:Courier New,monospace;font-size:1.2rem;color:#64c8ff;padding:10px 20px;background:rgba(30,50,80,.3);border-radius:10px;min-width:140px}.info-section{text-align:left;margin-top:30px;max-width:600px}.info-section h2{font-size:1.8rem;font-weight:600;margin-bottom:20px;letter-spacing:2px;text-align:center}.info-section p{font-size:1rem;line-height:1.8;color:rgba(255,255,255,.9);margin-bottom:15px}.earth-bottom{margin-top:auto;width:100%;margin-bottom:0;padding-bottom:0}.btn,.cta-buttons{display:none}footer{display:block;position:relative;z-index:1;text-align:center;padding:30px 20px;color:rgba(255,255,255,.6);font-size:.9rem;margin-top:40px;border-top:1px solid rgba(255,255,255,.1)}@media (max-width:768px){h1{font-size:2.5rem;letter-spacing:1px}.time-display{font-size:2.5rem;letter-spacing:3px;padding:25px 30px;min-width:280px}.planets-section{gap:30px}.mars-image{max-width:100%}.planet-name{font-size:1.2rem;letter-spacing:1px}.planet-time{font-size:1rem}.info-section h2{font-size:1.5rem}.info-section p{font-size:.95rem}}@media (max-width:480px){.container{padding:0}h1{font-size:2.5rem;letter-spacing:1px;margin-bottom:15px}.content{gap:20px}.time-display{font-size:1.8rem;letter-spacing:2px;padding:20px;min-width:240px}.planets-section{gap:25px;margin-top:10px}.mars-image{max-width:80%}.planet-name{font-size:1rem}.planet-time{font-size:.9rem;min-width:120px}.info-section{margin-top:20px;padding:0 20px}.info-section h2{font-size:1.2rem}.info-section p{font-size:.9rem}.cta-buttons{display:none}.earth-bottom{margin-top:auto;width:100%;margin-bottom:0;padding-bottom:0}.earth-bottom .earth-image{width:100%;height:auto}footer{font-size:.8rem;margin-top:30px}.mars-info-section>div{flex-direction:column;gap:15px!important}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.content{animation:fadeIn 1s ease-out}