body{
    margin: 0;
    min-height: 100vh;
    background: var(--body-gradient) var(--background);
    font-family: 'Montserrat', 'Roboto', sans-serif;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 2rem 1rem;
}

.container{
    width: min(520px, 100%);
    background: var(--card);
    border-radius: 28px;
    border: 1px solid var(--card-border);
    box-shadow: var(--card-shadow);
    padding: clamp(1.5rem, 3vw, 3rem);
    margin: 0 auto;
}

form{
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.container .process-result{
    margin: 2.5rem 0;
    width: 100%;
    height: 140px;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}

.process-result.positive{
    background-image: url("../images/ui/process-result-positive.png");
}

@media (max-width: 600px){
    body{
        padding: 1.5rem 0.75rem;
    }

    .container{
        border-radius: 20px;
        padding: 1.5rem;
    }

    form{
        gap: 0.85rem;
    }
}