.login{background:linear-gradient(to bottom, transparent 0 55%, var(--stratum-1) 55% 70%, var(--stratum-3) 70% 82%, var(--stratum-5) 82% 100%);align-content:center;place-items:center;gap:28px;min-height:100vh;padding:24px 16px;display:grid}.login-card{border:1px solid var(--line);border-radius:var(--radius-m);background:var(--paper-raised);width:min(380px,100%);box-shadow:var(--shadow-pop);padding:28px 28px 24px}.login-card img{width:auto;height:44px;display:block}.login-card h1{margin-top:14px;font-size:32px;font-weight:500;font-stretch:112%}.login-card h1 b{color:var(--brand-ink);font-weight:800}.login-lead{color:var(--ink-2);margin-top:4px}.login-form{gap:14px;margin-top:22px;display:grid}.login-form label{gap:4px;font-size:13.5px;font-weight:600;display:grid}.login-form input{border:1px solid var(--line-strong);border-radius:var(--radius-s);background:var(--paper);min-height:38px;color:var(--ink);font:inherit;padding:0 10px;font-weight:400}.login-form .btn{justify-content:center;min-height:40px}.login-error{border-radius:var(--radius-s);background:var(--fail-wash);color:var(--fail);padding:8px 10px;font-size:13.5px}.login-brand img{opacity:.9;width:150px;height:auto;display:block}