section {
    width: 100%;
    padding: 40px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.5em;
}
input {
    appearance: none;
    border: 1px solid #ccc;
    font-family: monospace;
    font-size: 1em;
    text-align: center;
}
button {
    appearance: none;
    padding: 0.5em;
    cursor: pointer;
    background: #000;
    border: 1px solid #000;
    font-family: monospace;
    color: #fff;
}

.otp-input {
    display: flex;
    gap: 0.5em;
}
.otp-input input {
    width: 2em;
    padding: 0.5em 0;
}
input#final {
    padding: 0.5em;
    width: 8em;
}