/* Seiten der Plattform (Anmelden, Demo, Registrieren) - ergaenzt styles.css */
.konto { max-width: 26rem; margin: 2.5rem auto 4rem; }
.konto h1 { margin-bottom: .4rem; }
.konto form { display: grid; gap: 1rem; margin-top: 1.6rem; }
.konto label { display: grid; gap: .35rem; font-weight: 600; }
.konto input { font: inherit; padding: .7rem .8rem; border: 1px solid var(--line, #d5dbe5);
  border-radius: 10px; background: #fff; }
.konto input:focus { outline: 2px solid var(--accent, #2764d6); outline-offset: 1px; }
.konto .btn { width: 100%; justify-content: center; border: 0; cursor: pointer; font: inherit; }
.konto .hinweis { font-size: .92rem; color: var(--muted, #5b6676); }
.meldung { padding: .8rem 1rem; border-radius: 10px; margin: 1rem 0; }
.meldung.fehler { background: #fde8e8; color: #8a1c1c; }
.meldung.ok { background: #e6f4ea; color: #1e5b2e; }
.demo-rahmen { position: relative; width: 100%; aspect-ratio: 16 / 9; border-radius: 14px;
  overflow: hidden; box-shadow: 0 10px 30px rgba(15, 27, 42, .18); background: #0f1b2a; }
.demo-rahmen iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }