/* LeadFinder – Anmeldung.
   Teil 1 ist WÖRTLICH das CSS aus docs/ui/mockup-login.dc.html, nicht verändern.
   Teil 2 enthält die Inline-Styles der Vorlage als Klassen mit identischen Werten. */

/* ===== Teil 1: Mockup-CSS (wörtlich) ===== */
body{margin:0}
*{box-sizing:border-box}
a{color:#1F3A5F}a:hover{color:#15181C}
.inp{min-height:48px;padding:0 14px;border:1px solid #CFD3CC;border-radius:10px;background:#FFFFFF;font:inherit;font-size:15px;color:#15181C;width:100%;transition:border-color .2s,box-shadow .2s}
.inp:focus{outline:none;border-color:#1F3A5F;box-shadow:0 0 0 3px rgba(31,58,95,.15)}
.lbl{display:block;font-size:13px;font-weight:600;color:#3F444C;margin-bottom:6px}
.go{min-height:48px;display:flex;align-items:center;justify-content:center;border-radius:10px;background:#1F3A5F;color:#FFFFFF;font-weight:700;font-size:15px;text-decoration:none;transition:transform .15s,box-shadow .2s}
.go:hover{color:#FFFFFF;transform:translateY(-1px);box-shadow:0 10px 24px rgba(31,58,95,.3)}
.go:active{transform:scale(.98)}
@keyframes rise{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
@keyframes float{0%,100%{transform:translate(0,0)}50%{transform:translate(var(--dx),var(--dy))}}
@keyframes glow{0%,100%{opacity:.35}50%{opacity:.9}}
.form{animation:rise .6s cubic-bezier(.2,.7,.2,1) both}
.form>*{animation:rise .6s cubic-bezier(.2,.7,.2,1) both}
.form>*:nth-child(2){animation-delay:.06s}.form>*:nth-child(3){animation-delay:.12s}.form>*:nth-child(4){animation-delay:.18s}.form>*:nth-child(5){animation-delay:.24s}.form>*:nth-child(6){animation-delay:.3s}
.n{animation:float 7s ease-in-out infinite}
.n2{animation-duration:9s;animation-delay:-2s}.n3{animation-duration:11s;animation-delay:-4s}
.ln{animation:glow 5s ease-in-out infinite}
.ln2{animation-delay:-1.5s}.ln3{animation-delay:-3s}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

/* ===== Teil 2: aus Inline-Styles der Vorlage ===== */
.lg-shell{min-height:100vh;display:flex;flex-wrap:wrap;background:#F4F5F2;font-family:Inter, system-ui, sans-serif;color:#15181C}
.lg-art{flex:1 1 420px;position:relative;overflow:hidden;background:#15181C;color:#E8EAE6;padding:48px;display:flex;flex-direction:column;justify-content:space-between;min-height:320px}
.lg-svg{position:absolute;inset:0;width:100%;height:100%}
.lg-lines{stroke:#8C96A5;stroke-width:1}
.lg-c1{fill:#7EA6FF;--dx:6px;--dy:-8px}
.lg-c2{fill:#C79BFF;--dx:-7px;--dy:6px}
.lg-c3{fill:#5FD38A;--dx:5px;--dy:7px}
.lg-c4{fill:#B9D65E;--dx:8px;--dy:-5px}
.lg-c5{fill:#E8B84A;--dx:-6px;--dy:-6px}
.lg-c6{fill:#7EA6FF;--dx:-5px;--dy:8px}
.lg-c7{fill:#5FD38A;--dx:7px;--dy:5px}
.lg-brand{position:relative}
.lg-name{font-weight:800;font-size:20px;letter-spacing:-0.01em;color:#FFFFFF}
.lg-bsub{font-size:13px;color:#A3A9B2;margin-top:2px}
.lg-claim{position:relative;max-width:420px}
.lg-h{font-size:32px;font-weight:800;line-height:1.15;color:#FFFFFF;letter-spacing:-0.01em}
.lg-sub{font-size:15px;line-height:1.6;color:#AEB5C0;margin-top:12px}
.lg-main{flex:1 1 420px;display:flex;align-items:center;justify-content:center;padding:48px 24px}
.lg-form{width:100%;max-width:380px;display:flex;flex-direction:column;gap:16px}
.lg-h1{margin:0;font-size:28px;font-weight:700}
.lg-p{margin:6px 0 0;font-size:14px;color:#5B616B}
.lg-opt{font-weight:500;color:#5B616B}
.lg-code{letter-spacing:.2em}
.lg-note{margin:0;font-size:12px;line-height:1.5;color:#5B616B}

/* ===== Teil 3: Ergänzungen der echten App (in docs/abweichungen.md begründet) ===== */
/* .go ist im Mockup ein Link; hier ein echter Absende-Button mit identischem Aussehen */
button.go{width:100%;border:0;font:inherit;font-weight:700;font-size:15px;cursor:pointer}
button.go:disabled{background:#AEB4BC;cursor:wait;transform:none;box-shadow:none}
/* Fehlermeldung: Werte der Mockup-Rückfrage „Kein Interesse“ (role=alert) */
.lg-err{padding:14px 16px;border-radius:12px;background:#FDF0EE;border:1px solid #E9C9C4;color:#7A241B;font-size:14px;font-weight:600;line-height:1.5}
.lg-err[hidden]{display:none}
.lg-err:not([hidden]){animation:rise .6s cubic-bezier(.2,.7,.2,1) both}