/* ===== Mila Portal — Login ===== */
.login-body{background:var(--green-050)}
.login-split{min-height:100vh;display:grid;grid-template-columns:1.05fr 1fr}

/* Marken-Panel links */
.login-brand{
  position:relative;overflow:hidden;padding:48px 56px;
  background:linear-gradient(160deg,var(--green) 0%,#a9c23e 100%);
  color:var(--ink);display:flex;flex-direction:column;justify-content:space-between;
}
.lb-blob{position:absolute;width:520px;height:520px;border-radius:50%;
  background:rgba(255,255,255,.18);filter:blur(10px);top:-120px;right:-160px;
  animation:lbfloat 16s ease-in-out infinite}
@keyframes lbfloat{0%,100%{transform:translate(0,0)}50%{transform:translate(-30px,40px)}}
.brand-light{position:relative;z-index:1}
.brand-light .brand-mark{color:var(--ink)}
.brand-light .brand-name{color:var(--ink)}
.lb-copy{position:relative;z-index:1;max-width:26ch}
.lb-copy h1{font-size:clamp(2.2rem,3.4vw,3.2rem);color:var(--ink)}
.lb-copy p{margin-top:18px;color:var(--green-800);font-weight:500;font-size:1.1rem}
.lb-features{list-style:none;padding:0;margin:30px 0 0;display:grid;gap:12px;font-weight:600}
.lb-features li{background:rgba(255,255,255,.35);border-radius:999px;padding:10px 18px;width:fit-content}
.lb-foot{position:relative;z-index:1;color:var(--green-800);font-size:.85rem}

/* Login rechts */
.login-main{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;padding:40px}
.login-card{width:100%;max-width:420px;background:#fff;border:1px solid var(--line);
  border-radius:var(--r-l);padding:44px 40px;box-shadow:var(--shadow-m)}
.login-card h2{font-size:2rem}
.login-sub{color:var(--muted);margin:8px 0 26px}
.login-form .field{margin-bottom:16px}
.login-row{display:flex;align-items:center;justify-content:space-between;margin:12px 0 24px;font-size:.9rem}

/* Coole grüne Toggle für „Angemeldet bleiben" */
.toggle{display:inline-flex;align-items:center;gap:10px;cursor:pointer;user-select:none;color:var(--muted);font-weight:500}
.toggle input{position:absolute;opacity:0;width:0;height:0}
.toggle .track{width:46px;height:26px;border-radius:999px;background:#e3e7d3;position:relative;
  transition:background .3s var(--ease);flex:0 0 auto;box-shadow:inset 0 0 0 1px rgba(32,40,26,.06)}
.toggle .thumb{position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#fff;
  box-shadow:0 2px 6px rgba(32,40,26,.25);transition:transform .3s var(--ease)}
.toggle input:checked + .track{background:var(--green)}
.toggle input:checked + .track .thumb{transform:translateX(20px)}
.toggle input:focus-visible + .track{box-shadow:0 0 0 3px rgba(187,205,81,.4)}
.toggle input:checked ~ .toggle-label{color:var(--ink)}
.link-muted{color:var(--green-800);font-weight:600}
.login-btn{width:100%;justify-content:center;font-size:1.05rem}
.back-link{color:var(--muted);font-weight:500;transition:color .2s}
.back-link:hover{color:var(--ink)}

@media(max-width:860px){
  .login-split{grid-template-columns:1fr}
  .login-brand{display:none}
  .login-body{background:var(--green-050)}
}