/* =============================================================================
   Página inicial: só o campo do código da turma.

   Existe porque alguém vai digitar aula.viniciusguedes.cloud sem o resto do
   link. Sem esta página, cairia num 404 e a conclusão seria "a aula está fora".
   ========================================================================== */

.home {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 24px;
    min-height: 100dvh;
}

.home__caixa {
    width: 100%;
    max-width: 420px;
    text-align: center;
}

.home__marca {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 22px;
    font-size: var(--fs-titulo);
    font-weight: 600;
    letter-spacing: -.01em;
}

.home__texto {
    margin-bottom: 22px;
    color: var(--cor-texto-suave);
    font-size: var(--fs-pequeno);
}

.home__form {
    text-align: left;
}

/* O código da sala é digitado em monoespaçada e em caixa baixa: é o que o aluno
   vê na URL depois, e a coerência evita a dúvida de "era maiúsculo?". */
.home__codigo {
    font-family: var(--fonte-mono);
    text-align: center;
    text-transform: lowercase;
}

.home__pe {
    margin-top: 26px;
    color: var(--cor-texto-fraco);
    font-size: var(--fs-micro);
}

.home__pe a {
    color: var(--cor-texto-suave);
}