:root{--bg:#f4f8f8;--card:#fff;--ink:#4f5e69;--forte:#007b78;--marca:#00afaa;--linha:#e5e5e5;--erro:#e11515}
@media (prefers-color-scheme:dark){:root{--bg:#0e1617;--card:#162123;--ink:#d3dde0;--forte:#4fd1cb;--marca:#00afaa;--linha:#263436;--erro:#ff7a6e}}
*{box-sizing:border-box}
body{margin:0;min-height:100vh;display:grid;place-items:center;background:var(--bg);color:var(--ink);font:15px/1.55 Raleway,system-ui,sans-serif;padding:16px}
.caixa{background:var(--card);border:1px solid var(--linha);border-top:5px solid var(--marca);border-radius:16px;padding:36px 32px;width:min(420px,100%);text-align:center}
.logo{width:170px;height:auto}
.modulo{font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--forte);margin:6px 0 18px}
h1{font-size:22px;color:var(--forte);margin:0 0 8px}
p{margin:0 0 14px}
.email{font-weight:700}
.erro{color:var(--erro);font-weight:600}
.amb{display:inline-block;background:#fff1d6;color:#c76a00;border-radius:99px;padding:2px 12px;font-size:12px;font-weight:700}
.botao{display:inline-block;margin-top:6px;background:var(--marca);color:#fff;text-decoration:none;font-weight:700;padding:12px 22px;border-radius:10px}
.botao:hover{background:#007b78}
.botao.sec{background:transparent;color:var(--forte);border:1px solid var(--linha)}