/* Paleta do Manual de Identidade Visual EntheraME v2 (identidade visual/manual.html):
   roxo noite #130B27, pedra #1D1B24, roxo #3C177A, ametista #8127D9, ouro #E7AA35,
   ouro claro #FFD879, ouro antigo #C58A2A, aço #8989B6. Georgia nos títulos,
   Arial no texto. O layout é o mesmo aprovado pelo Felipe; só cores, logo e ícone. */
:root{color-scheme:dark;font-family:Arial,Helvetica,sans-serif;background:#130b27;color:#f5f1e9}
    *{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at top,#3c177a,#130b27 65%)}
    main{width:min(100% - 2rem,480px);margin:3rem auto;background:#1d1b24;border:1px solid #c58a2a;border-radius:16px;padding:clamp(1.3rem,5vw,2.5rem);box-shadow:0 20px 60px #0009,0 0 0 1px #3c177a55 inset}
    .logo{display:block;width:min(100%,240px);height:auto;margin:0 auto 1.2rem}
    .eyebrow{color:#e7aa35;letter-spacing:.2em;text-transform:uppercase;font-size:.78rem;font-weight:700}
    h1{font-family:Georgia,serif;font-size:2rem;margin:.3rem 0 1rem;color:#ffd879}p{line-height:1.5;color:#d9d3e3}
    label{display:block;margin-top:1.2rem;font-weight:600}input,select{display:block;width:100%;margin-top:.35rem;padding:.85rem;background:#130b27;color:#f5f1e9;border:1px solid #8989b6;border-radius:8px;font:inherit}
    input:focus,select:focus,button:focus{outline:2px solid #e7aa35;outline-offset:2px}input:hover,select:hover{border-color:#8127d9}
    .row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.cf-turnstile{margin:1.4rem 0;min-height:65px;width:100%}.cf-turnstile.compacta{display:flex;justify-content:center;min-height:140px}
    button{width:100%;padding:1rem;background:#e7aa35;border:0;border-radius:8px;color:#130b27;font:inherit;font-weight:800;cursor:pointer}
    button:hover{background:#ffd879}button:disabled{background:#c58a2a;opacity:.6;cursor:not-allowed}
    .note{font-size:.9rem;color:#b8b4cf}.status{color:#ffd879}a{color:#ffd879}a:hover{color:#e7aa35}
    @media(max-width:400px){.row{grid-template-columns:1fr}}
/* Aviso quando o desafio da Cloudflare não carrega (#377): borda ouro antigo,
   mesmo tom das notas, para orientar sem parecer erro do formulário. */
.turnstile-ajuda{margin:-.6rem 0 1.2rem;padding:.75rem .9rem;border:1px solid #c58a2a;border-radius:8px;background:#130b27;color:#ffd879;font-size:.9rem;line-height:1.45}
/* Passo a passo depois de confirmar o e-mail (#383): números em ouro, como
   etapas de missão, para o jogador seguir sem perguntar no grupo. */
.passos{margin:1.4rem 0;padding:1rem 1.1rem;border:1px solid #3c177a;border-radius:12px;background:#130b27}
.passos h2{font-family:Georgia,serif;font-size:1.25rem;margin:0 0 .6rem;color:#ffd879}
.passos ol{margin:0;padding:0;list-style:none;counter-reset:passo}
.passos li{counter-increment:passo;position:relative;padding:.45rem 0 .45rem 2.4rem;line-height:1.5;color:#d9d3e3}
.passos li::before{content:counter(passo);position:absolute;left:0;top:.4rem;width:1.7rem;height:1.7rem;border-radius:50%;background:#e7aa35;color:#130b27;font-weight:800;display:flex;align-items:center;justify-content:center}
.passos strong{color:#f5f1e9}.passos .destaque{color:#ffd879}.passos .note{margin:.6rem 0 0}
.dica{display:block;margin-top:4px;font-size:.85em;opacity:.8;font-weight:400;color:#b8b4cf}

/* O seletor deve caber no celular e aceitar palavras longas e a escrita lao. */
/* Três colunas mantêm o botão ao lado do seletor, mesmo com rótulos longos. */
.idiomas { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: .5rem; margin: 0 0 1.2rem; }
.idiomas label { margin: 0; font-size: .85rem; white-space: nowrap; }
.idiomas select { min-width: 0; margin: 0; padding: .65rem .4rem; font-size: .85rem; }
.idiomas button { width: auto; margin: 0; padding: .65rem .6rem; font-size: .85rem; white-space: nowrap; }
html[lang="lo"] { line-height: 1.8; }
main { overflow-wrap: anywhere; }

/* Retorno visível sem submeter nem apagar o formulário de cadastro. */
.site-return{display:inline-flex;align-items:center;gap:.5rem;margin:0 0 1.25rem;padding:.65rem 1rem;border:1px solid currentColor;border-radius:.5rem;color:inherit;text-decoration:none}.site-return:hover,.site-return:focus-visible{text-decoration:underline;outline-offset:4px}

/* Pré-condição antes do envio, visível também sem JavaScript. */
.link-offline-warning{margin:20px 0;padding:18px;border:2px solid #ffd879;border-left-width:7px;border-radius:8px;background:#302a1c}.link-offline-warning h2{font-size:1.05rem;line-height:1.45;color:#ffe7a3;margin:0 0 10px}.link-offline-warning p{margin:0;line-height:1.65;color:#fff1ce}