.login{flex-direction:column;align-items:flex-start;gap:clamp(24px,5vh,48px);display:flex}.feld{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.punkte{align-items:center;gap:12px;min-height:22px;display:flex}.punkte .leer{font-family:var(--mono);letter-spacing:.06em;color:var(--dim);font-size:11px}.punkt{background:var(--ink);width:9px;height:9px;animation:auf .26s var(--ease);border-radius:50%}@keyframes auf{0%{opacity:0;transform:scale(.2)}to{opacity:1;transform:scale(1)}}.tasten{background:var(--line);border:1px solid var(--line);grid-template-columns:repeat(3,minmax(0,88px));gap:1px;width:max-content;display:grid}.tasten>span{background:var(--paper)}.taste{appearance:none;background:var(--paper);color:var(--ink);font-family:var(--sans);cursor:pointer;transition:background .16s var(--ease), color .16s var(--ease);border:0;padding:22px 0;font-size:26px;line-height:1}.taste:hover:not(:disabled){background:var(--paper-lift)}.taste:active:not(:disabled){background:var(--ink);color:var(--paper)}.taste:disabled{color:var(--dim);cursor:default}.taste:focus-visible{outline:1px solid var(--ink);outline-offset:-1px}.weiter{appearance:none;border:0;border-bottom:1px solid var(--ink);color:var(--ink);font-family:var(--sans);letter-spacing:.02em;cursor:pointer;background:0 0;padding:0 0 4px;font-size:15px}.weiter:disabled{color:var(--dim);border-bottom-color:var(--dim);cursor:default}.zeile{margin:0}@media (prefers-reduced-motion:reduce){.punkt{animation:none}}.feld:focus-visible~.punkte .leer{color:var(--muted)}