#s-login{background:var(--night);flex-direction:column;justify-content:flex-end;min-height:100dvh;position:relative;overflow:hidden}

/* Animated background heatmap */
.login-bg{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:0 20px;gap:0;opacity:.18}
.lbg-row{display:flex;gap:3px;margin-bottom:3px;justify-content:center}
.lbg-cell{width:18px;height:18px;border-radius:4px}

/* Login content */
.login-content{position:relative;z-index:2;padding:0 24px 36px}
.login-eyebrow{font-size:11px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.4);margin-bottom:10px}
.login-headline{font-family:var(--serif);font-size:min(13vw,52px);font-weight:400;color:#fff;line-height:1.05;letter-spacing:-.03em;margin-bottom:20px}
.login-headline em{font-style:italic;color:rgba(255,255,255,.55)}
.login-drift{font-family:var(--serif);font-size:min(28vw,124px);font-weight:400;color:#fff;line-height:.85;letter-spacing:-.04em;display:block;margin-bottom:4px;opacity:.92}
.login-sub{font-size:13px;color:rgba(255,255,255,.38);line-height:1.55;margin-bottom:20px;max-width:280px;letter-spacing:.01em}
.login-form-wrap{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1);border-radius:var(--r);padding:16px;backdrop-filter:blur(12px)}
.login-cta{width:100%;padding:14px;background:#fff;color:var(--ink);border-radius:var(--rsm);font-size:15px;font-weight:500;margin-bottom:10px;transition:opacity .15s}
.login-cta:active{opacity:.85}
.lerr{color:#f87b7b;font-size:12px;text-align:center;margin-top:8px;display:none}
.login-alt{display:flex;gap:10px;margin-top:2px}
.login-alt-btn{flex:1;padding:12px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.1);border-radius:var(--rsm);font-size:13px;font-weight:500;color:rgba(255,255,255,.7);display:flex;align-items:center;justify-content:center;gap:7px;transition:background .15s}
.login-alt-btn:active{background:rgba(255,255,255,.14)}
.login-note{text-align:center;font-size:11px;color:rgba(255,255,255,.25);margin-top:14px;line-height:1.6}

/* ══════════════════════════════════════
   WELLBEING — Drift tracking board
══════════════════════════════════════ */
/* Dark hero */