/* Tema Nocturne (mesmo da lhartdesign.com) */
:root{--bg:#161826;--card:#1d2033;--card2:#232744;--line:#2f3454;--tx:#e9e8f5;--mut:#9a9ab8;--ac:#9184d9;--ac2:#b3a8ee;--ok:#5fcf9a;--err:#ff7a8a;--band:#262a60}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--tx);font:500 16px/1.5 Inter,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;min-height:100vh}
a{color:var(--ac2)}
.topo{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:14px 16px;border-bottom:1px solid var(--line);background:rgba(38,42,96,.35)}
.topo .marca{font-weight:600;letter-spacing:.02em;margin-right:auto;color:var(--tx);text-decoration:none}
.topo .quem{color:var(--mut);font-size:14px}
main{max-width:880px;margin:0 auto;padding:24px 16px 56px}
h1{font-size:26px;margin:0 0 6px;font-weight:600}
h2{font-size:18px;margin:28px 0 10px;font-weight:600}
p.sub{color:var(--mut);margin:0 0 18px}
.card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:18px;margin:14px 0}
label{display:block;margin:12px 0 4px;color:var(--mut);font-size:14px}
input,select{width:100%;padding:12px 14px;border-radius:10px;border:1px solid var(--line);background:var(--card2);color:var(--tx);font:inherit}
input:focus,select:focus{outline:2px solid var(--ac);outline-offset:1px}
button,.btn{display:inline-block;margin-top:16px;padding:11px 20px;border-radius:999px;border:1px solid var(--ac);background:transparent;color:var(--ac2);font:inherit;font-weight:600;cursor:pointer;text-decoration:none}
button:hover,.btn:hover{background:var(--ac);color:#12131f}
button.leve{margin:0;padding:6px 14px;font-size:14px}
.erro{background:rgba(255,122,138,.1);border:1px solid var(--err);color:var(--err);border-radius:10px;padding:10px 14px;margin:12px 0}
.aviso{background:rgba(95,207,154,.08);border:1px solid var(--ok);border-radius:10px;padding:14px;margin:14px 0}
.aviso code{font-size:20px;color:var(--ok);letter-spacing:.04em;user-select:all}
table{width:100%;border-collapse:collapse}
th,td{text-align:left;padding:10px 6px;border-bottom:1px solid var(--line);font-size:15px;vertical-align:middle}
th{color:var(--mut);font-weight:500;font-size:13px}
.tag{display:inline-block;padding:2px 10px;border-radius:999px;background:var(--card2);border:1px solid var(--line);font-size:13px;color:var(--ac2)}
.off{opacity:.45}
.grade{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px}
.grade a.card{text-decoration:none;color:var(--tx);margin:0}
.grade a.card:hover{border-color:var(--ac)}
form.inline{display:inline}
.centro{min-height:calc(100vh - 60px);display:grid;place-items:center;padding:16px}
.centro .card{width:100%;max-width:400px}
@media(max-width:560px){th:nth-child(2),td:nth-child(2){display:none}}