@font-face 
{
    font-family: "Mulish";
    src: url("../assets/fontes/Mulish-VariableFont_wght.ttf") format("truetype");
}

*
 { box-sizing: border-box; }

body
{
    margin: 0;
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    background-image: linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.4)), url("../assets/imagens/fundo.jpg");
    background-size: cover;
    background-position: left;
    font-family: "Mulish", sans-serif;
    color: white;
}

.logo
{
    position: absolute;
    top: -35px;    /* Deixa mais pertinho do topo */
    left: 10px;   /* Deixa mais pertinho do canto esquerdo */
    z-index: 10;  /* Garante que a logo fique sempre por cima de tudo */
}

.logo img { width: 150px; height: auto; display: block; }

.pagina 
{
    width: min(90%, 960px);
    padding: 20px;
    text-align: center;
    background: rgba(0, 0, 0, 0.75);
    border-radius: 20px;
}

.pagina h1 { margin-bottom: 10px; }
.pagina p { font-size: 24px; line-height: 1.2; width: 900px; }

.pagina button 
{
    font-family: "Mulish", sans-serif;
    padding: 12px 30px;
    border: none;
    border-radius: 8px;
    cursor: pointer;
    font-size: 16px;
}