body,html{margin:0;padding:0;font-family:Roboto,Arial,sans-serif;background-color:#000;color:#fff;overflow-x:hidden}.container{max-width:1200px;margin:0 auto;padding:20px}header{text-align:center;padding:50px 0}#logo img{max-height:6em}h1{font-size:4em;margin-bottom:20px}.text-center{text-align:center}.moon{width:200px;height:200px;background-color:#f0f0f0;border-radius:50%;margin:0 auto;position:relative;overflow:hidden;box-shadow:0 0 20px rgba(255,255,255,.5)}.crater{position:absolute;background-color:#d3d3d3;border-radius:50%}.content{margin-top:50px;margin-bottom:50px;text-align:center;cursor:pointer}.fade-in{opacity:0;transform:translateY(20px);transition:opacity .5s ease,transform .5s ease}.fade-in.visible{opacity:1;transform:translateY(0)}.exited-services{display:flex;justify-content:space-around;flex-wrap:wrap;margin-top:50px}.service-box{width:200px;height:200px;background-color:rgba(255,255,255,.85);margin:20px;display:flex;justify-content:center;align-items:center;border-radius:10px;transition:transform .3s ease,box-shadow .3s ease}.service-box:hover{transform:scale(1.05);box-shadow:0 0 20px rgba(255,255,255,.3)}.service-box a{display:block;text-align:center}.service-box img{max-width:80%;max-height:80%}.ribbon{position:absolute;top:20px;right:-35px;transform:rotate(45deg);background-color:#ff4136;color:#fff;padding:5px 40px;font-size:12px;font-weight:700;text-transform:uppercase;box-shadow:0 2px 4px rgba(0,0,0,.3)}footer{background-color:rgba(255,255,255,.1);padding:20px 0;margin-top:50px}.footer-content{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;padding:0 20px}.legal-info{font-size:.9em;color:#ccc}.copyright a{font-size:1em;color:#999}.copyright{font-size:.8em;color:#999}