*,
*::before,
*::after {
    margin: 0;
    padding: 0;
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 0;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
}

html {
    background-color: var(--lavender-mist);
    scrollbar-width: none;
    height: 100vh;
}

p {
    font-family: var(--montserrat);
}

/* Normaliza o glifo de mascaramento de senha entre navegadores: alguns
   WebViews Android/Samsung Internet usam um quadrado pequeno em vez do
   círculo preenchido padrão, quebrando a identidade visual. Seletor de
   atributo (não uma classe genérica de input) porque o botão de
   mostrar/ocultar senha já funciona trocando o atributo type entre
   "password" e "text" via JS — ao virar "text" essa regra para de bater
   sozinha e a senha aparece normalmente, sem precisar de nenhuma mudança
   de JS. Sem suporte no Firefox, mas o mascaramento nativo dele já é um
   círculo bem-comportado por padrão, então não há nada a corrigir ali. */
input[type="password"] {
    -webkit-text-security: disc;
}