:root{--bg:#fff;--fg:#1b1b1f;--mut:#5b5b66;--acc:#0b5cab;--lin:#e3e3e8;--err:#b3261e;--ok:#1b7f3b}
@media (prefers-color-scheme:dark){:root{--bg:#111214;--fg:#ececf1;--mut:#a3a3ad;--acc:#7cb3ff;--lin:#2a2b30;--err:#ff8a80;--ok:#6fd38f}}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--fg);font:16px/1.6 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}
main{max-width:760px;margin:0 auto;padding:24px 16px 64px}h1{font-size:1.6rem;line-height:1.25;margin:.2em 0 .4em}h2{font-size:1.15rem;margin:1.8em 0 .4em}
p,li{color:var(--fg)}.mut{color:var(--mut);font-size:.92rem}a{color:var(--acc)}table{width:100%;border-collapse:collapse;font-size:.93rem;margin:.6em 0}
th,td{border:1px solid var(--lin);padding:8px;text-align:left;vertical-align:top}th{background:color-mix(in srgb,var(--lin) 50%,transparent)}
.card{border:1px solid var(--lin);border-radius:12px;padding:18px;margin:18px 0}label{display:block;font-weight:600;margin:.8em 0 .3em}
input{width:100%;font:inherit;padding:12px;border:1px solid var(--lin);border-radius:10px;background:transparent;color:var(--fg)}
button{font:inherit;font-weight:700;padding:12px 18px;border:0;border-radius:10px;background:var(--acc);color:#fff;cursor:pointer;margin-top:12px;width:100%}
button.rosu{background:var(--err)}button:disabled{opacity:.5;cursor:default}.msg{margin-top:10px;font-weight:600}.msg.e{color:var(--err)}.msg.o{color:var(--ok)}
.ascuns{display:none}.logo{font-weight:800;letter-spacing:.02em;color:var(--acc)}