/* Step 6 (6 Nov redesign): the returning login (accounts/templates/accounts/login.html), in the first run's look:
   the J mark awake, a soft mint air top left, 68px fields and the one gradient button. Every colour is a role token,
   so both looks come from jeevz.css. The foot note's place (margin-top:auto) stays in jeevz.css section 29. */
#app main.login.lg{position:relative;overflow:hidden;justify-content:flex-start;padding:calc(72px + var(--jz-safe-t)) 24px calc(28px + var(--jz-safe-b));background:var(--jz-page)}
#app main.lg .lg-air{position:absolute;top:-260px;left:-120px;width:560px;height:560px;border-radius:50%;background:var(--jz-air);filter:blur(30px);pointer-events:none}
#app main.lg>.lhead{position:relative;text-align:left;margin:auto 0 28px}
#app main.lg .lmark{margin:0;width:76px;height:76px;border-radius:21px;filter:drop-shadow(0 14px 26px rgba(48,109,85,.28))}
#app main.lg .lword{margin:22px 0 8px;font:800 44px/1 var(--jz-display);letter-spacing:-.03em;color:var(--jz-ink)}
#app main.lg .lword span{color:var(--jz-forest)}
#app main.lg .lhead p{font:500 18px/1.38 var(--jz-sans);color:var(--jz-ink-2)}
#app main.lg .lform{position:relative}
#app main.lg .lgroup label{gap:8px;margin:0 0 14px}
#app main.lg .lgroup span{font:600 15px/1.3 var(--jz-sans);color:var(--jz-ink-2)}
#app main.lg .lgroup input{display:block;width:100%;height:64px;margin:0;padding:0 20px;border-radius:20px;border:2px solid var(--jz-edge);background:var(--jz-surface);color:var(--jz-ink);font:600 19px var(--jz-sans);box-shadow:none;outline:none;transition:border-color .2s}
#app main.lg .lgroup input:focus{border-color:var(--jz-forest);box-shadow:0 0 0 4px var(--jz-wash)}
#app main.lg .lg-pw input{letter-spacing:.1em}
#app main.lg .lform .btn.lgo{height:68px;min-height:68px;margin-top:6px;border-radius:22px;background:var(--jz-accent);color:var(--jz-on-accent);font:700 20px var(--jz-sans);box-shadow:var(--jz-shadow-btn)}
#app main.lg .lform .btn.lgo:active{transform:scale(.97)}
#app main.lg .lg-err{margin:0 0 16px;padding:12px 14px;border-radius:16px;background:var(--jz-danger-fill);color:var(--jz-on-danger);font:600 16px/1.35 var(--jz-sans)}
#app main.lg .lg-err ul{margin:0;padding:0;list-style:none}
#app main.lg .lg-err li{color:inherit;background:none;padding:0;margin:0;font:inherit}
#app main.lg .lfoot{position:relative;text-align:left;font:500 16px/1.4 var(--jz-sans);color:var(--jz-ink-2)}
#app main.lg .lfoot.lfine{text-align:center;font-size:15px}
#app main.lg .lfoot a{color:var(--jz-forest);font-weight:600;text-underline-offset:3px}
@media (prefers-reduced-motion:reduce){#app main.lg .lgroup input{transition:none}}
#app main.lg .lgroup{background:none;box-shadow:none;border-radius:0;overflow:visible}
#app main.lg .lgroup label{display:flex;flex-direction:column;align-items:stretch;padding:0;border:0;background:none}
#app main.lg .lg-err .errorlist{margin:0;padding:0;background:none;color:inherit;border:0}