body{
background:#0f172a;
color:white;
font-family:Arial, sans-serif;
display:flex;
justify-content:center;
align-items:center;
height:100vh;
margin:0;
}

.container{
background:#1e293b;
padding:40px;
border-radius:12px;
text-align:center;
width:320px;
box-shadow:0 10px 25px rgba(0,0,0,0.4);
}

h1{
margin-bottom:5px;
color:#f87171;
letter-spacing:1px;
}

.subtitle{
color:#94a3b8;
margin-bottom:20px;
font-size:14px;
}

input, select{
width:100%;
padding:10px;
margin:10px 0;
border:none;
border-radius:6px;
background:#0f172a;
color:white;
font-size:14px;
}

input::placeholder{
color:#64748b;
}

input:focus, select:focus{
outline:none;
box-shadow:0 0 6px #ef4444;
}

button{
width:100%;
padding:12px;
background:#ef4444;
border:none;
color:white;
font-size:16px;
border-radius:6px;
cursor:pointer;
transition:0.2s;
}

button:hover{
background:#dc2626;
transform:scale(1.03);
}

#result{
margin-top:20px;
font-size:18px;
color:#f1f5f9;
}