body {
box-shadow: 0 10px 25px rgba(0,0,0,0.2);
text-align: center;
}


h1 {
margin-bottom: 5px;
}


.subtitle {
color: #555;
margin-bottom: 20px;
}


.form label {
display: block;
text-align: left;
margin-top: 10px;
font-weight: 600;
}


.form input {
width: 100%;
padding: 10px;
margin-top: 5px;
border-radius: 8px;
border: 1px solid #ccc;
}


button {
width: 100%;
margin-top: 20px;
padding: 12px;
border: none;
border-radius: 8px;
background: #4facfe;
color: white;
font-size: 16px;
cursor: pointer;
}


button:hover {
background: #2f8bff;
}


.result {
margin-top: 20px;
font-size: 16px;
font-weight: bold;
}