.moon-calculator{
max-width:700px;
margin:50px auto;
padding:30px;
background:#ffffff;
border-radius:25px;
box-shadow:0 10px 30px rgba(255,105,180,0.15);
}

.moon-calculator h2{
text-align:center;
color:#ff4f9a;
margin-bottom:30px;
}

.form-group{
margin-bottom:20px;
}

.form-group label{
display:block;
font-weight:600;
margin-bottom:8px;
}

.form-group input{
width:100%;
height:55px;
padding:0 15px;
border:2px solid #ffd6e8;
border-radius:12px;
font-size:16px;
}

.moon-calculator button{
width:100%;
height:60px;
border:none;
border-radius:12px;
background:#ff4f9a;
color:#fff;
font-size:20px;
font-weight:700;
cursor:pointer;
}

.moon-calculator button:hover

#result{
margin-top:25px;
}

.result-box{
background:#fff4f8;
border:2px solid #ffd6e8;
border-radius:15px;
padding:20px;
text-align:center;
}