/* Anmeldeseite der Verwaltung: dunkel, mit Logo und Kalligrafie */
*{box-sizing:border-box;margin:0}
html,body{min-height:100%}
body.lg{min-height:100vh;font-family:Alexandria,system-ui,sans-serif;color:#fff;background:#001a3e;
  background-image:radial-gradient(60% 70% at 85% 10%,rgba(34,128,166,.35),transparent 70%),radial-gradient(50% 60% at 0% 100%,rgba(240,90,40,.12),transparent 70%);
  display:grid;place-items:center;padding:24px 16px;overflow-x:hidden;position:relative}
.lg-kalli{position:fixed;right:-8vw;top:50%;transform:translateY(-50%);height:min(125vh,1200px);width:auto;opacity:.06;pointer-events:none;z-index:0}
.lg-wrap{position:relative;z-index:1;width:min(980px,100%);display:grid;grid-template-columns:1.1fr 1fr;gap:56px;align-items:center}
.lg-intro{position:relative}
.lg-intro .logo{width:230px;display:block;margin-bottom:44px}
.lg-intro .ico{width:74px;opacity:.9;margin-bottom:22px;display:block;filter:drop-shadow(0 6px 24px rgba(34,128,166,.55))}
.lg-intro h1{font-size:46px;font-weight:700;letter-spacing:-.02em;line-height:1.05}
.lg-intro p{margin-top:16px;color:rgba(255,255,255,.66);font-size:16px;line-height:1.6;max-width:380px}
.lg-intro .ar{font-family:Amiri,serif;font-size:22px;color:rgba(255,255,255,.5);margin-top:26px;direction:rtl;text-align:left}
.lg-card{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);border-radius:28px;padding:40px 36px;
  -webkit-backdrop-filter:blur(22px) saturate(140%);backdrop-filter:blur(22px) saturate(140%);box-shadow:0 40px 90px -30px rgba(0,0,0,.6),inset 0 1px 0 rgba(255,255,255,.12)}
.lg-card h2{font-size:24px;font-weight:600;margin-bottom:6px}
.lg-card .sub{color:rgba(255,255,255,.6);font-size:14px;margin-bottom:24px}
.lg-card label{display:block;font-size:13px;font-weight:500;color:rgba(255,255,255,.75);margin-bottom:16px}
.lg-card input{display:block;width:100%;margin-top:8px;height:50px;padding:0 16px;border-radius:14px;font:inherit;font-size:16px;color:#fff;
  background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.16);outline:none;transition:border-color .15s,box-shadow .15s,background .15s}
.lg-card input:focus{border-color:#F05A28;background:rgba(255,255,255,.1);box-shadow:0 0 0 4px rgba(240,90,40,.22)}
.lg-card input:-webkit-autofill{-webkit-text-fill-color:#fff;-webkit-box-shadow:0 0 0 40px #12304f inset;caret-color:#fff}
.lg-card button{width:100%;height:54px;margin-top:10px;border:0;border-radius:999px;background:#F05A28;color:#fff;font:inherit;font-size:16px;font-weight:600;cursor:pointer;
  box-shadow:0 12px 30px -10px rgba(240,90,40,.7);transition:transform .15s,background .15s}
.lg-card button:hover{background:#ff6a36;transform:translateY(-1px)}
.lg-card .fine{margin-top:18px;font-size:12px;color:rgba(255,255,255,.45);line-height:1.5;text-align:center}
.lg-err{background:rgba(220,60,50,.16);border:1px solid rgba(255,120,110,.4);color:#ffd6d2;border-radius:12px;padding:11px 14px;font-size:14px;margin-bottom:18px}
@media (max-width:820px){
  .lg-wrap{grid-template-columns:1fr;gap:28px}
  .lg-intro{text-align:center}
  .lg-intro .logo{width:190px;margin:0 auto 22px}
  .lg-intro .ico,.lg-intro .ar,.lg-intro p{display:none}
  .lg-intro h1{font-size:30px}
  .lg-card{padding:30px 22px;border-radius:24px}
  .lg-kalli{right:-40vw;opacity:.05}
}