.wispelten-beitritt{max-width:860px;margin:0 auto}
.wispelten-beitritt__form{
  background:linear-gradient(180deg,#ffffff 0%,#fbfbfd 100%);
  border:1px solid #e5e7eb;
  border-radius:18px;
  padding:22px;
  box-shadow:0 10px 30px rgba(17,24,39,.06);
}
.wispelten-beitritt__header h2{margin:0 0 6px;font-size:1.4rem}
.wispelten-beitritt__header p{margin:0 0 18px;color:#6b7280}
.wispelten-beitritt__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
@media (max-width:760px){.wispelten-beitritt__grid{grid-template-columns:1fr}}
.wispelten-beitritt__field label{display:block;font-weight:700;margin:0 0 6px}
.wispelten-beitritt__field input{
  width:100%;
  padding:11px 12px;
  border:1px solid #d1d5db;
  border-radius:12px;
  background:#fff;
  transition:border-color .15s, box-shadow .15s;
}
.wispelten-beitritt__field input:focus{
  outline:none;
  border-color:#111827;
  box-shadow:0 0 0 3px rgba(17,24,39,.10);
}
.wispelten-beitritt__hint{display:block;margin-top:6px;color:#6b7280;font-size:.85rem}
.wispelten-beitritt__fee{
  margin:16px 0;
  padding:14px 16px;
  border:1px dashed #d1d5db;
  border-radius:16px;
  background:#fff;
}
.wispelten-beitritt__fieldset{
  border:1px solid #e5e7eb;
  border-radius:18px;
  padding:14px 16px;
  margin:14px 0;
  background:#fff;
}
.wispelten-beitritt__fieldset legend{font-weight:800;padding:0 8px}
.wispelten-beitritt__help{margin:8px 0 12px;color:#6b7280}
.wispelten-beitritt__consent{margin-top:10px}
.wispelten-beitritt__checkbox{display:flex;gap:10px;align-items:flex-start}
.wispelten-beitritt__checkbox input{margin-top:4px}
.wispelten-beitritt__submit{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:100%;
  margin-top:14px;
  background:#111827;
  color:#fff;
  border:0;
  border-radius:14px;
  padding:13px 16px;
  font-weight:800;
  cursor:pointer;
  transition:transform .05s, opacity .15s;
}
.wispelten-beitritt__submit:hover{opacity:.93}
.wispelten-beitritt__submit:active{transform:translateY(1px)}
.wispelten-beitritt__footnote{margin-top:10px;color:#6b7280}

/* Modal */
.wispelten-beitritt__modal[aria-hidden="true"]{display:none}
.wispelten-beitritt__modal{position:fixed;inset:0;z-index:9999}
.wispelten-beitritt__modal-backdrop{position:absolute;inset:0;background:rgba(17,24,39,.55)}
.wispelten-beitritt__modal-card{
  position:relative;
  max-width:520px;
  margin:0;
  background:#fff;
  border-radius:20px;
  padding:20px 20px 18px;
  box-shadow:0 20px 60px rgba(17,24,39,.25);
  border:1px solid #e5e7eb;
}
.wispelten-beitritt__modal-close{
  position:absolute;right:12px;top:10px;
  border:0;background:transparent;font-size:26px;line-height:1;cursor:pointer;color:#6b7280
}
.wispelten-beitritt__modal-icon{
  width:44px;height:44px;border-radius:14px;
  display:flex;align-items:center;justify-content:center;
  background:#ecfdf5;border:1px solid #10b981;color:#065f46;
  font-weight:900;font-size:22px;margin-bottom:10px;
}
.wispelten-beitritt__modal-btn{
  margin-top:12px;
  background:#111827;color:#fff;border:0;border-radius:12px;
  padding:10px 14px;font-weight:800;cursor:pointer;
}

.wispelten-beitritt__signature-box{border:1px solid #e5e7eb;border-radius:16px;padding:12px;background:#fff}
.wispelten-beitritt__signature-box canvas{width:100%;height:180px;border:1px dashed #d1d5db;border-radius:12px;display:block;background:#fff;touch-action:none}
.wispelten-beitritt__signature-actions{display:flex;gap:10px;align-items:center;justify-content:space-between;margin-top:10px;flex-wrap:wrap}
.wispelten-beitritt__sig-btn{background:#f3f4f6;border:1px solid #e5e7eb;border-radius:12px;padding:8px 12px;font-weight:800;cursor:pointer}
.wispelten-beitritt__sig-btn:hover{background:#e5e7eb}

.wispelten-beitritt__iban-row{display:flex;gap:10px;align-items:center}
.wispelten-beitritt__iban-row input{flex:1}
.wispelten-beitritt__scan-btn{white-space:nowrap;background:#111827;color:#fff;border:0;border-radius:12px;padding:10px 12px;font-weight:800;cursor:pointer}
.wispelten-beitritt__scan-btn:hover{opacity:.92}
.wispelten-beitritt__scan-body{padding:10px 0 0}
.wispelten-beitritt__scan-body video{width:100%;max-height:340px;border-radius:14px;background:#000}
.wispelten-beitritt__scan-status{margin-top:10px;color:#6b7280;font-size:13px}