:root{--fundo:#14201f;--abismo:#0e1716;--cartao:#1b2a28;--borda:#2a3a38;--texto:#f5f7f7;--suave:#b0bfbd;--jade:#43b192;--marca:#0b5c45;--erro:#ff8a80}
*{box-sizing:border-box}
body{margin:0;font-family:system-ui,Segoe UI,Arial,sans-serif;background:var(--fundo);color:var(--texto)}
header{display:flex;align-items:center;gap:12px;padding:14px 24px;background:var(--abismo);border-bottom:1px solid var(--borda)}
header .sair{margin-left:auto}
.logo{width:36px;height:36px;border-radius:6px;background:var(--marca);display:grid;place-items:center;font-weight:800}
small,.suave{color:var(--suave)}
main{max-width:1040px;margin:0 auto;padding:24px;display:grid;grid-template-columns:1fr 1fr;gap:20px}
section{background:var(--cartao);border:1px solid var(--borda);border-radius:10px;padding:20px}
.cheio{grid-column:1/-1}
h1{font-size:22px;margin:0 0 6px} h2{margin:0 0 4px;font-size:18px}
label{display:block;margin:14px 0 4px;font-size:13px;color:var(--suave)}
input,textarea{width:100%;padding:10px;border-radius:6px;border:1px solid #3b4f4c;background:var(--abismo);color:var(--texto);font:inherit}
button{margin-top:14px;padding:10px 16px;border:0;border-radius:6px;background:var(--jade);color:var(--fundo);font-weight:700;cursor:pointer}
button.sec{background:var(--borda);color:var(--texto)}
pre{background:var(--abismo);border:1px solid var(--borda);border-radius:10px;padding:16px;white-space:pre-wrap;word-break:break-all;min-height:120px;font-size:13px;margin:0}
.login{max-width:380px;margin:10vh auto;display:block}
.erro{color:var(--erro);min-height:20px;margin-top:10px}
footer{text-align:center;padding:24px;font-size:13px;color:var(--suave)}
footer a{color:var(--jade)}
@media(max-width:760px){main{grid-template-columns:1fr;padding:16px}}