/* Reset pentru body */
body {
    margin: 0;
    height: 100vh; /* ocupă toată înălțimea ecranului */
    display: flex;
    justify-content: center; /* centrează pe orizontală */
    align-items: center;     /* centrează pe verticală */
    background: linear-gradient(to bottom, rgb(69, 165, 255), rgb(4, 32, 126));;     /* opțional, fundal general */
}

/* Div-ul central */
.box {
    width: 800px;
    padding: 40px; /* pentru un aspect mai aerisit */
    text-align: center;
    background: linear-gradient(to bottom, rgb(69, 165, 255), rgb(4, 32, 126));
    border-radius: 8px; /* opțional: colțuri rotunjite */
    font-size: 20px;
    font-family: Arial, sans-serif;
}


.msg {
    font-weight: bold; color: rgb(252, 24, 24); margin-top: 10px;
}

.result {
    /*border: 5px solid #ccc;*/
    border-radius: 8px;
    padding: 10px;
    margin-top: 15px;
    background: #f9f9f9; 
    text-align: left;
    box-shadow: 5px 5px #4e4e4e;
}
h1, h2, h3, h4 {
    color: white;
}
.field { 
    margin-bottom: 5px;
    text-align: left;
    font-size: medium;
}

.field strong {
    width: 280px; display: inline-block; 
}

input[type="text"] {
    width: 300px; 
}

.red { color: red; font-weight: bold; }
.green { color: green; font-weight: bold; }