*{
    margin:0;
    padding:0;
    box-sizing:border-box;
    font-family:Arial, Helvetica, sans-serif;
}

body{
    background:linear-gradient(
        135deg,
        #003b8e,
        #001f4d
    );
    min-height:100vh;

    display:flex;
    justify-content:center;
    align-items:center;

    padding:20px;
}

.contenedor{

    background:white;

    width:700px;
    max-width:95%;

    padding:40px;

    border-radius:15px;

    text-align:center;

    box-shadow:0 10px 25px rgba(0,0,0,.25);

    border-top:8px solid #c00000;
}

h1{
    color:#c00000;
    margin-bottom:25px;
    font-size:32px;
}

.mensaje{

    color:#333;

    font-size:18px;

    line-height:1.7;

    margin-bottom:35px;
}

.botones{

    display:flex;

    justify-content:center;

    gap:20px;

    flex-wrap:wrap;
}

button{

    background:#003b8e;

    color:white;

    border:none;

    padding:15px 30px;

    border-radius:8px;

    cursor:pointer;

    font-size:16px;

    font-weight:bold;

    transition:.3s;
}

button:hover{

    background:#c00000;

    transform:translateY(-3px);
}