:root {
    --cor-primaria: #1e5aa8;
    --cor-erro: #b3261e;
    --cor-fundo: #f5f6f8;
    --cor-texto: #1c1c1e;
    --cor-borda: #d0d5dd;
}

* { box-sizing: border-box; }

body {
    margin: 0;
    font-family: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
    background: var(--cor-fundo);
    color: var(--cor-texto);
    line-height: 1.5;
}

.cartao-central {
    max-width: 420px;
    margin: 10vh auto;
    background: #fff;
    padding: 2rem;
    border-radius: 12px;
    box-shadow: 0 2px 10px rgba(0,0,0,0.08);
}

.cartao-central h1 { margin-top: 0; font-size: 1.4rem; }

label { display: block; margin-top: 1rem; font-weight: 600; font-size: 0.9rem; }

input[type=text], input[type=email], input[type=password], input[type=number], input[type=datetime-local], select, textarea {
    width: 100%;
    padding: 0.6rem;
    margin-top: 0.3rem;
    border: 1px solid var(--cor-borda);
    border-radius: 8px;
    font-size: 1rem;
    font-family: inherit;
}

textarea { resize: vertical; }

button {
    margin-top: 1.5rem;
    width: 100%;
    padding: 0.8rem;
    background: var(--cor-primaria);
    color: #fff;
    border: none;
    border-radius: 8px;
    font-size: 1rem;
    cursor: pointer;
}

button:hover { opacity: 0.92; }

.erro {
    background: #fdecea;
    color: var(--cor-erro);
    padding: 0.7rem 1rem;
    border-radius: 8px;
    font-size: 0.9rem;
}

.teste {
    max-width: 780px;
    margin: 2rem auto;
    padding: 0 1rem 4rem;
}

.teste-cabecalho {
    background: #fff;
    padding: 1.5rem;
    border-radius: 12px;
    margin-bottom: 1.5rem;
    box-shadow: 0 2px 10px rgba(0,0,0,0.06);
}

.teste-cabecalho h1 { margin: 0 0 0.2rem; font-size: 1.5rem; }
.subtitulo { margin: 0; color: #555; }
.identificacao-aluno { font-size: 0.85rem; color: #666; margin: 0.6rem 0; }
.instrucoes { margin-top: 1rem; font-size: 0.92rem; background: #eef3fb; padding: 0.8rem 1rem; border-radius: 8px; }

.seccao {
    background: #fff;
    padding: 1.5rem;
    border-radius: 12px;
    margin-bottom: 1.2rem;
    box-shadow: 0 2px 10px rgba(0,0,0,0.06);
}

.seccao h2 { margin-top: 0; font-size: 1.15rem; color: var(--cor-primaria); }
.seccao-descricao { font-size: 0.9rem; color: #555; }

.pergunta { margin-bottom: 1.4rem; }
.pergunta:last-child { margin-bottom: 0; }
.enunciado { font-weight: 600; margin-bottom: 0.4rem; }
.pontos { font-weight: 400; color: #888; font-size: 0.85rem; }

.codigo-apoio {
    background: #1e1e1e;
    color: #e6e6e6;
    padding: 0.9rem 1rem;
    border-radius: 8px;
    overflow-x: auto;
    font-size: 0.88rem;
    white-space: pre-wrap;
}

.opcao { font-weight: 400; display: flex; align-items: center; gap: 0.5rem; margin: 0.3rem 0; }
.opcao input { width: auto; margin: 0; }

.acoes-finais { text-align: center; margin-top: 2rem; }
.acoes-finais button { max-width: 320px; }

@media (max-width: 600px) {
    .cartao-central { margin: 4vh 1rem; }
}