.moon-section{height:100vh;min-height:700px;position:relative;overflow:hidden;display:flex;align-items:center;color:#fff;background:radial-gradient(circle at center,#12182e,#010208 70%)}
.stars{position:absolute;inset:0;background-image:radial-gradient(circle,#fff 1px,transparent 1px);background-size:80px 80px;opacity:.35;animation:starsMove 80s linear infinite}
@keyframes starsMove{from{transform:translateY(0)}to{transform:translateY(-300px)}}
.moon{position:absolute;width:1000px;height:1000px;right:-220px;bottom:-320px;border-radius:50%;background:url('https://upload.wikimedia.org/wikipedia/commons/e/e1/FullMoon2010.jpg') center/cover;box-shadow:0 0 100px rgba(255,190,120,.45);animation:moonFloat 12s ease-in-out infinite}
@keyframes moonFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-30px)}}
.moon-content{position:relative;z-index:2;width:90%;margin-left:8%}
.moon-content h1{font-size:70px;margin-bottom:70px}
.moon-form{display:flex;gap:35px;align-items:center}
.moon-form input{width:280px;padding:18px 5px;background:transparent;border:none;border-bottom:1px solid #aaa;color:white;font-size:20px}
.moon-form button{padding:18px 45px;border-radius:40px;background:transparent;color:white;border:1px solid #aaa;font-size:18px}
@media(max-width:900px){.moon{width:700px;height:700px}.moon-content h1{font-size:45px}.moon-form{flex-direction:column;align-items:flex-start}}