body {
font-family: Arial;
background: #f4f6f8;
}

.container {
max-width: 420px;
margin: 40px auto;
text-align: center;
}

.tabs {
display: flex;
margin-bottom: 20px;
}

.tabs button {
flex: 1;
padding: 10px;
border: none;
cursor: pointer;
background: #ddd;
}

.tabs button.active {
background: #2563eb;
color: white;
}

.tab-content {
display: none;
}

.tab-content.active {
display: block;
}

input, select {
width: 100%;
padding: 10px;
margin: 10px 0;
}

button {
padding: 10px;
width: 100%;
background: #2563eb;
color: white;
border: none;
}

.result {
margin-top: 15px;
background: white;
padding: 10px;
display: none;
}