/* style.css - Atualização */

body {
    background-color: #eef2f5; /* Fundo cinza claro para a página */
    display: flex;
    justify-content: center;
    margin: 0;
    min-height: 100vh;
}

/* O segredo: limitamos a largura para parecer um app */
body > * { 
    /* Isso aqui pode dar conflito se não tivermos um wrapper, 
       mas vamos focar na solução mais robusta abaixo */
}

/* Vamos criar uma classe "app-container" para envolver todo o seu HTML */
.app-container {
    width: 100%;
    max-width: 480px; /* Largura máxima de um celular grande */
    background-color: #fff;
    min-height: 100vh;
    box-shadow: 0 0 20px rgba(0,0,0,0.1);
    position: relative;
    display: flex;
    flex-direction: column;
}