/* Farben wie neurovexon.com (dunkles Thema), ohne Logo */
:root {
  --grund: #101018; --flaeche: #1A1A1A; --rand: #3A3A3A;
  --text: #FFFFFF; --leise: #9CA3AF; --akzent: #00D4FF;
}

body { margin: 0; font-family: Arial, Helvetica, sans-serif; color: var(--text); background: var(--grund); line-height: 1.5; }
main { max-width: 400px; margin: 10vh auto; padding: 1.8rem; background: var(--flaeche);
       border: 1px solid var(--rand); border-top: 3px solid var(--akzent); border-radius: 8px; }
.marke { margin: 0; color: var(--akzent); font-size: 0.8rem; letter-spacing: 0.08em; text-transform: uppercase; }
h1 { font-size: 1.5rem; margin: 0.4rem 0 1rem; }
label { display: block; margin: 0.9rem 0; font-size: 0.9rem; color: var(--leise); }
input { display: block; width: 100%; box-sizing: border-box; margin-top: 0.3rem; padding: 0.65rem;
        font: inherit; color: var(--text); background: var(--grund); border: 1px solid var(--rand); border-radius: 6px; }
input:focus { outline: none; border-color: var(--akzent); }
button { padding: 0.65rem 1.4rem; font: inherit; font-weight: bold; color: var(--grund); background: var(--akzent);
         border: none; border-radius: 6px; cursor: pointer; }
button:hover { filter: brightness(1.1); }
button.zweitrangig { color: var(--text); background: transparent; border: 1px solid var(--rand); font-weight: normal; }
.abmelden { margin-top: 1.5rem; }
.fehler { padding: 0.6rem 0.8rem; background: #3a1616; color: #ffb4a8; border-radius: 6px; }
.ok { padding: 0.6rem 0.8rem; background: #0d2a33; color: #9eeeff; border-radius: 6px; }
a { color: var(--akzent); }
code { background: var(--grund); padding: 0 3px; border-radius: 3px; }

.hinweis-text { max-height: 50vh; overflow-y: auto; padding-right: 0.5rem; font-size: 0.9rem; color: #E5E7EB; }
.hinweis-text h1 { font-size: 1.2rem; }
.hinweis-text h2 { font-size: 1rem; margin-top: 1rem; color: var(--text); }
.fassung { color: var(--leise); font-size: 0.8rem; }
label.haken { display: flex; gap: 0.5rem; align-items: center; color: var(--text); }
label.haken input { display: inline; width: auto; margin: 0; accent-color: var(--akzent); }
.fuss { margin: 1.5rem 0 0; color: var(--leise); font-size: 0.75rem; }