.um {
    background-color: #000000 !important;
    color: #FFFFFF !important;
    max-width: 600px;
    margin: 0 auto;
    padding: 2rem;
}

.um input,
.um textarea {
    background-color: #FFFFFF !important;
    color: #000000 !important;
    border-radius: 0.5rem !important;
    padding: 1rem !important;
    margin-bottom: 1.5rem !important;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1) !important;
    border: 1px solid #CCCCCC !important;
}

.um input[type=submit],
.um .um-button {
    background-color: #F57C00 !important;
    color: #FFFFFF !important;
    border-radius: 0.5rem !important;
    padding: 0.75rem 1.5rem !important;
    text-decoration: none !important;
    display: inline-block !important;
    border: none !important;
}

.um input[type=submit]:hover,
.um .um-button:hover {
    background-color: #D96A00 !important;
}

@media (max-width: 600px) {
    .um {
        padding: 1rem;
    }
}