/* ConDriven Lernwelt · Login/Reset (dunkler Look, eigenständig ohne base) */
*,*::before,*::after{box-sizing:border-box}
:root{
  --teal:#0F766E; --teal-hi:#14B8A6; --dunkel:#071018; --panel:#0f2432; --panel2:#0b1d29;
  --line:#1d3a49; --line2:#26495c; --tx:#eaf1f6; --tx2:#c4d3dc; --muted:#89a2b1;
  --serif:"IBM Plex Serif",Georgia,serif; --sans:"IBM Plex Sans",system-ui,sans-serif;
}
body{margin:0;min-height:100vh;display:grid;place-items:center;background:
  radial-gradient(900px 480px at 85% -10%, rgba(20,184,166,.16), transparent 60%),
  radial-gradient(700px 400px at 0% 110%, rgba(15,118,110,.10), transparent 55%),
  var(--dunkel);color:var(--tx);font:15px/1.6 var(--sans);-webkit-font-smoothing:antialiased;padding:20px}
.lw-card{width:100%;max-width:400px;background:var(--panel);border:1px solid var(--line);border-radius:20px;padding:28px 28px 24px;box-shadow:0 24px 60px -20px rgba(0,0,0,.8)}
.brand{display:flex;align-items:center;gap:12px;margin-bottom:20px}
.brand .wordmark{font:700 20px var(--serif);letter-spacing:-.02em;color:#fff}
.brand .wordmark b{color:var(--teal-hi)}
.brand .wordmark span{color:var(--muted);font-size:13px}
.brand-sub{font-size:9.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--muted);margin-top:2px}
.brand-txt{font:700 20px var(--serif);color:#fff;margin-bottom:16px}
.brand-txt b{color:var(--teal-hi)}
.lw-p{color:var(--tx2);font-size:14px;margin:0 0 16px}
form{display:flex;flex-direction:column;gap:14px}
label{display:flex;flex-direction:column;gap:5px;font-size:12.5px;color:var(--muted)}
input{padding:12px 14px;border-radius:11px;border:1px solid var(--line2);background:rgba(255,255,255,.04);color:var(--tx);font:400 15px var(--sans)}
input::placeholder{color:var(--muted)}
input:focus{outline:2px solid var(--teal-hi);border-color:transparent}
.btn{margin-top:4px;padding:12px 18px;border-radius:11px;border:0;background:var(--teal);color:#04121d;font:600 15px var(--sans);cursor:pointer}
.btn:hover{filter:brightness(1.1)}
.lw-links{text-align:center;margin-top:18px;font-size:13px}
.lw-links a{color:var(--teal-hi);text-decoration:none}
.lw-note{padding:11px 14px;border-radius:10px;font-size:13px;margin:0 0 14px;background:rgba(20,184,166,.1);border:1px solid rgba(20,184,166,.3);color:var(--tx2)}
.lw-note.err{background:rgba(224,93,93,.1);border-color:rgba(224,93,93,.4);color:#ffd8d8}
.lw-note.ok{background:rgba(61,220,132,.1);border-color:rgba(61,220,132,.35);color:#d9ffe9}
.lw-sinn{font-size:12.5px;color:var(--muted);margin-top:20px;padding-top:16px;border-top:1px solid var(--line);line-height:1.5}